意味づけされたマークアップをすることは、
将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。
それが、アマチュアとプロとの違いでもあると思うのです。
そんな前置きはさておき、タグ名を覚えるコツは、そのタグ名が何の略なのかを理解することかと。
見出し
| 要素タグ名 |
何の略か |
意味 |
| 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 |
テーブルデータ |
他にもたくさんのタグがあるが、まずはここから使い分けを意識してマークアップするようになると、内容の濃いページつくりができるようになります。