HTML のタグの略さない名前
HTML のタグの名前は略称になっていることが多く、もともとの名前を知る機会はあまりありません。
しかし元の名前を一度調べてきちんと知っておくと、実際にコーディングするときに直感的にサクサク書けるようになりますし他の人に伝えるときもより的確に伝えることができます。
中途半端に知っている状態だったので、よく使うもの、わかりづらいものを中心にかんたんにまとめてみました。
全体
- DOCTYPE - DOCument TYPE 。ドキュメントタイプ。
- html - HTML 。もちろん HyperText Markup Language です。最近は長い方の名前を知らない方も増えてきたかもしれません。
ブロック要素
h1
-h6
- heading 。見出し。blockquote
コンテンツグループ
address
- address 。アドレス。article
- article 。記事。footer
- footer 。フッタ。header
- header 。ヘッダ。hgroup
- heading group 。見出しグループ。nav
- navigation 。ナビゲーション。案内。section
- section 。セクション。
テキストコンテンツ
dd
- definition description 。div
- document division 。文書の区分け。dl
- definition list 。定義リスト。dt
- definition term 。定義リスト単語。figcaption
- figure caption 。図のキャプション。説明文。figure
- figure 。図。hr
- horizontal rule 。水平線。li
- list item 。リストアイテム。リスト項目。main
- main content 。メイン。主要部ol
- ordered list 。順序付きリスト。p
- paragraph 。パラグラフ。段落。pre
- preformatted text 。整形済みテキスト。ul
- unordered list 。順序なしリスト。
インラインの意味付け
abbr
- abbreviation 。省略形。略語。b
- もともとは太字 bolded だったようです。bdi
- bi-directional isolation 。文章の向きが違うかもしれない部分。bdo
- bi-directional override 。文章の向きの上書き。br
- line break 。改行。cite
- citation 。引用。code
- code 。コード。data
- data 。データ。マシン向けデータ。dfn
- definition 。用語の定義。em
- emphasis 。強調。i
- もともとはイタリック italic だったようです。最近はアイコンとして使う場合の方が多いでしょうか。kbd
- keyboard input 。キーボード。mark
- mark 。ハイライト。q
- quote 。引用文。rp
- ruby parenthesis 。ふりがなの括弧マーク。rt
- ruby text(?) 。ルビの読み方の部分。rtc
- ruby text component(?) 。ルビのついていることばの意味。ruby
- ruby 。ルビ。ふりがな。s
- strikethrough 。打ち消し線。samp
- sample 。サンプル出力。small
- もともとは small 。 HTML5 ではサイドコメント。span
- span 。スパン。strong
- strong 。強調。sub
- subscript 。下付文字。sup
- superscript 。上付文字。time
- time 。時間。u
- underline 。下線。var
- variable 。数式の中の変数。wbr
- word break opportunity 。改行してもいいところ。
編集履歴
del
- deleted text 。削除文。ins
- inserted text 。挿入文。
テーブル
col
- table column 。テーブル列。colgroup
- column group 。列グループ。table
- table 。テーブル。表。tbody
- table body 。テーブル体。td
- table data cell 。テーブルセル。tfoot
- table foot 。テーブルフッター。th
- table header cell 。テーブルヘッダー。thead
- table head 。テーブルヘッダー。tr
- table row 。 テーブル行。
フォーム
button
- button 。ボタン。datalist
- datalist 。データリスト。fieldset
- fieldset 。フィールドセット。form
- form 。フォーム。input
- input 。入力。label
- label 。ラベル。legend
- legend 。キャプション。meter
- meter 。はかり。optgroup
- option group 。オプショングループ。option
- option 。オプション。選択肢。output
- output 。出力。progress
- progress 。進捗。進行具合。select
- select 。選択フィールド。
以上です。 省略されて 2 文字や 3 文字になっているものはぱっとわからないので覚えておくと役立ちます。
リストは MDN のリファレンスからお借りしてきました。