正しいマークアップの為に

CSSばかりに力をすぎて、ついつい怠ってしまっている人ってまだけっこう多いと思うんですが、ちゃんとxhtmlでマークアップもちゃんと出来ないと駄目だと思うですよね。
なので今回は初心に戻ってタグの本来の意味をまとめてみました。

…ここからが続き

xhtml

ブロックレベル要素 <h1></h1>
     :
<h6>~</h6>
見出し
<p>~</p>段落
<ul>~</ul>箇条書き
<dl>~</dl>定義リスト
<blockquote>~</blockquote>引用符
<address>~</address>問合せ先
<div>~</div>任意の範囲
   ・
グループ化
インライン要素 <a>~</a>リンク
<img />画像
<em>~</em>強調
<strong>~</strong>より強い強調
<br />改行
<span>~</span>任意の範囲

各要素の意味をしっかりと理解して、div要素ばかり使わずに正しいマークアップが出来るように心掛けましょうね。

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article