HTML vol.5

Study html
  • バリデータを使ってみる。
  • divとspan

バリデータを使ってみる。

バリデーション・・・構文をチェックする。
XHTMLではxmllintがある。
The W3C Markup Validation Service

ブロックレベル要素とインライン要素

  • ブロックレベル要素
    • １つの領域
  • インライン要素
    • テキストに含まれる要素 例)a,img等

ブロックレベル要素とインライン要素の関係
ブロックレベル要素が続くときは改行されるが、インライン要素は改行されずに横に並ぶ。

div / span

資料：http://www.kanzaki.com/docs/html/htminfo14.html#S13.2

div division 複数のブロックレベル要素をグループ化する。
span span インライン要素としてグループ化する。 
<div id="header">
     <h1>タイトル</h1>
     <h2>サブタイトル</h2>
     <p>なんとか<span class="example">かんとかなんとか</span>かんとか</p>
</div>

CSSやJavaScriptで超重要になる。