意味づけされたマークアップをすることは、
将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。
それが、アマチュアとプロとの違いでもあると思うのです。
そんな前置きはさておき、タグ名を覚えるコツは、そのタグ名が何の略なのかを理解することかと。
見出し
要素タグ名 |
何の略か |
意味 |
h1~h6 |
headline1~headline6 |
見出し |
本文を構成する要素
要素タグ名 |
何の略か |
意味 |
div |
division |
分割 |
span |
span |
短い期間(?) |
p |
paragraph |
段落 |
a |
anchor |
錨(いかり)!? |
img |
image |
画像 |
object |
object |
オブジェクト |
リスト
要素タグ名 |
何の略か |
意味 |
ul |
unorder list |
番号なしリスト |
ol |
order list |
番号付きリスト |
li |
list |
リスト |
dl |
definition list |
定義リスト |
dt |
definition term |
定義する用語 |
dd |
definition description |
定義する用語の説明 |
テーブル
要素タグ名 |
何の略か |
意味 |
table |
table |
テーブル |
thead |
table header |
テーブル内ヘッダー |
tbody |
table body |
テーブル内コンテンツ |
tfoot |
table footer |
テーブル内のフッター |
tr |
table row |
行 |
th |
table head cell |
セル(見出し用) |
td |
table data |
テーブルデータ |
他にもたくさんのタグがあるが、まずはここから使い分けを意識してマークアップするようになると、内容の濃いページつくりができるようになります。