HTML講座

htmlの諸要素

htmlの要素には要素固有の領域を取るもの(Wordにおける「段落」など)と、文字単位のもの(Wordにおける「フォント」など)がある。

「段落」レベル

「段落」レベルの要素の中で無色透明の(取り立てて意味づけされていない)要素がdiv要素である。

他の要素
<div>
要素
</div>
他の要素

このdiv要素に様々な意味づけを持った諸要素が連なる。

article:まとまった記事
<article>記事</article>
section:セクション
<section>セクション</section>
p:段落
<p>段落</p>
hr:区切り
<hr>

「フォント」レベル

「フォント」レベルの要素の中で無色透明の(取り立てて意味づけされていない)要素がspan要素である。

他の要素
<span>要素</span>
他の要素

このspan要素に様々な意味づけを持った諸要素が連なる。

ruby/rt:ルビ
<ruby>留美<rt>ルビ</rt></ruby>
留美ルビ
em:強調
<em>強調</em>
強調
strong:強い強調
<strong>強い強調</strong>
強い強調
img:画像
<img>
br:改行
あ<br>い