[code]HTML5タグの語源

略されたHTML5タグの語源
タグ名 基となった英単語
nav navigation links
h* heading *
hgroup heading group
p paragraph
hr horizontal rule
pre preformatted text
ol ordered list
ul unordered list
li list item
dl description list
dt description term
dd description description
figcaption figure caption
div division
a anchor
em emphasis
s strike
q quotation
dfn definition
abbr abbreviation
var variable
samp sample
kbd keyboard
sub subscript
sup superscript
i italic
b bold
u underline
rt ruby text
rp ruby parentheses
bdi bi-directional isoration
bdo bi-directional override
br break
wbr word break
ins insert
del delete
img image
iframe inline frame
param parameter
colgroup column group
col column
tbody table body
thead table header
tfoot table footer
tr table row
td table data cell
th table header cell
optgroup option group
keygen key-pair generator

WEBCRE8.jp
http://webcre8.jp/investigate/html5-tag-etymology.html

はじめに ― HTML5を覚えるにあたって
最近HTML5入門と銘打っていくつか記事を書いています。
HTML5に関してはかなり思い入れが出てきて、最近色々制作しています。
webcre8自身も大してできるわけじゃないんですけど、人と会うと結構HTML5の話になったりします。
その中で「まだまだHTML5覚えられないなー」的な人にウケがいいのが
「知ってるようで知らないタグの元の意味を知る」
事です。
折りよく昨日TM LifeさんのHTML のタグを一度覚えたら一生忘れないようにするためのコツ | TM Lifeという記事を見かけ、
これのHTML5版を作ったらちゃんと知りたい人多そうだなーと思いました。
という訳で早速表を作った
と言う訳で略されたHTML5タグの語源表を作ってみました。まず表を見てみましょう。
略されたHTML5タグの語源
タグ名 基となった英単語
nav navigation links
h* heading *
hgroup heading group
p paragraph
hr horizontal rule
pre preformatted text
ol ordered list
ul unordered list
li list item
dl description list
dt description term
dd description description
figcaption figure caption
div division
a anchor
em emphasis
s strike
q quotation
dfn definition
abbr abbreviation
var variable
samp sample
kbd keyboard
sub subscript
sup superscript
i italic
b bold
u underline
rt ruby text
rp ruby parentheses
bdi bi-directional isoration
bdo bi-directional override
br break
wbr word break
ins insert
del delete
img image
iframe inline frame
param parameter
colgroup column group
col column
tbody table body
thead table header
tfoot table footer
tr table row
td table data cell
th table header cell
optgroup option group
keygen key-pair generator
タグ名がそのままタグの意味になっているものは抜いてあります。
ここにあるのは108つあるHTML5タグのうち49個。
付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。
それでもどうしても分かりにくそうなものは熟語として加えてあります。

WEBCRE8.jp
http://webcre8.jp/investigate/html5-tag-etymology.html