Webコーディングをするときによく使うタグやスタイルシートの読み方についてまとめてみました。
HTMLは、ほとんど単語の頭文字や頭から数文字をとった略称になっています。そのままアルファベットを読んだり、単語を読んだりすれば良いのですが、複数の単語が組み合わさっている「href」や「iframe」といった頭の人文字だけアルファベットを読んで、残りは単語で読むという特殊な例もあります。
CSSは、略称になっていないので単語を知っていれば読むことができますが、単語を知らないと読むことができません。その中でも「width」と「height」は間違えた読み方で覚えている人が結構いるようです。実は、僕もその一人でした。間違えた読み方で恥ずかしい思いをしないように正しい読み方でちゃんと覚えましょうね。
A |
タグ |
読み方 |
名称 |
意味 |
a |
ア/アンカー |
anchor |
リンクをはる、リンクの出発点・到達点を指定する |
abbr |
アバー |
abbreviation |
略語(頭字語以外)であることを表す |
acronym |
アクロニーム |
|
略語(頭字語)であることを表す |
address |
アドレス |
|
連絡先・問合せ先 |
applet |
アプレット |
|
JAVAアプレットを挿入する |
area |
エリア |
|
イメージマップの領域を設定する |
B |
タグ |
読み方 |
名称 |
意味 |
b |
ビー |
bold |
テキストを太字にする |
base |
ベース |
|
相対パスの基準URIを指定する |
basefont |
ベースフォント |
|
テキストの基準サイズ・基準色・基準フォントを指定する |
bdo |
|
|
文字表記の方向を指定する |
bgsound |
バックグラウンドサウンド |
|
効果音・BGMを鳴らす(IE独自の仕様) |
big |
ビッグ |
|
テキストのサイズをひとまわり大きくする |
blink |
ブリンク |
|
文字を点滅させる(NN独自の仕様) |
blockquote |
ブロッククォート |
|
引用文であることを表す |
body |
ボディ |
|
文書の本体を表す |
br |
ビーアール |
break |
改行する |
button |
ボタン |
|
ボタンを作成する |
C |
タグ |
読み方 |
名称 |
意味 |
caption |
キャプション |
|
テーブル(表)にタイトルをつける |
center |
センター |
|
センタリングする |
cite |
サイト |
citation |
出典・参照先を表す |
code |
コード |
|
プログラムのソースコードであることを示す |
col |
カラム |
column |
表の縦列の属性をまとめて指定する |
colgroup |
カラムグループ |
columngroup |
表の縦列をグループ化する |
comment |
コメント |
|
HTMLソースをコメントにする(IE独自の仕様) |
D |
タグ |
読み方 |
名称 |
意味 |
dd |
ディーディー |
definition description |
定義した用語の説明を記述する |
del |
デル/ディリート |
delete |
削除された部分であることを示す |
dfn |
ディフィニション |
definition |
定義する用語を明示する |
dir |
ディレクトリ |
directory |
リストを表示する |
div |
ディヴ/ディヴィジョン |
division |
ひとかたまりの範囲として定義する(ブロック要素) |
dl |
ディーエル |
definition list |
定義リストであることを表す |
dt |
ディティ |
definition term |
定義する用語を表す |
E |
タグ |
読み方 |
名称 |
意味 |
em |
イーエム |
|
強調する |
embed |
インベッド |
|
プラグインデータを埋め込む(NN独自の仕様) |
F |
タグ |
読み方 |
名称 |
意味 |
fieldset |
フィールドセット |
|
フォームの入力項目をグループ化する |
font |
フォント |
|
フォントの種類・大きさ・色を指定する |
form |
フォーム |
|
入力フォームを作る |
frame |
フレーム |
|
フレームに表示するファイルを指定する |
frameset |
フレームセット |
|
ウィンドウをフレームに分割する |
H |
タグ |
読み方 |
名称 |
意味 |
h |
エイチ/ヘッダー |
header |
見出しを付ける |
head |
ヘッド |
|
文書のヘッダ情報を表す |
hr |
エイチアール/ホリゾンタル |
horizontal |
横罫線を引く |
html |
エイチティーエムエル |
|
HTML文書であることを宣言する |
I |
タグ |
読み方 |
名称 |
意味 |
iframe |
アイフレーム/インラインフレーム |
|
インラインフレームを作る |
ilayer |
アイレイヤー |
|
相対位置にレイヤー表示する(NN独自の仕様) |
img |
イメージ |
|
画像を表示する |
input |
インプット |
|
フォームの構成部品(入力欄・ボタン等)を作成する |
ins |
インサート |
inserted text |
追加された部分であることを示す |
isindex |
イズインデックス |
|
検索キーワードの入力欄を作る |
K |
タグ |
読み方 |
名称 |
意味 |
kbd |
|
|
キーボード入力される文字であることを示す |
L |
タグ |
読み方 |
名称 |
意味 |
label |
ラベル |
|
フォーム部品と項目名(ラベル)を関連付ける |
layer |
レイヤー |
|
絶対位置にレイヤー表示する(NN独自の仕様) |
legend |
レジェンド |
|
リストの項目を記述する |
li |
リスト |
|
関連する文書ファイルを指定する |
listing |
リィスティング |
|
ソースをそのまま表示する(タグは解釈される) |
M |
タグ |
読み方 |
名称 |
意味 |
map |
マップ |
|
ひとつの画像に複数のリンクを設定する(イメージマップ) |
marquee |
マーキー |
|
文字をスクロールさせる(IE独自の仕様) |
menu |
メニュー |
|
メニューリストを表示する |
meta |
メタ |
|
その文書に関する情報(メタ情報)を指定する |
multicol |
マルチカラム |
|
段組する(NN独自の仕様) |
N |
タグ |
読み方 |
名称 |
意味 |
nobr |
ノービーアール |
|
改行なしで表示する(NN独自の仕様) |
noembed |
ノーインベッド |
|
プラグインが利用できない環境用の表示内容を指定する(NN独自の仕様) |
nolayer |
ノーレイヤー |
|
フレームが表示できない環境用の表示内容を指定する |
noscript |
ノースクリプト |
|
スクリプトが動作しない環境用の表示内容を指定する |
O |
タグ |
読み方 |
名称 |
意味 |
object |
オブジェクト |
|
文書にデータを埋め込む |
ol |
オーエル/オーダードリスト |
|
順序のあるリストを表示する |
optgroup |
オプショングループ |
|
セレクトボックスの選択肢をグループ化する |
option |
オプション |
|
セレクトボックスの選択肢を指定する |
P |
タグ |
読み方 |
名称 |
意味 |
p |
ピー/パラグラフ |
paragraph |
ひとつの段落(パラグラフ)であることを表す |
param |
パラメータ |
|
パラメータを指定する |
pre |
プレ/プレフォーマット |
preformatted text |
ソースを整形済みテキストとして表示する |
Q |
タグ |
読み方 |
名称 |
意味 |
q |
クォート |
|
引用文であることを表す |
R |
タグ |
読み方 |
名称 |
意味 |
rb |
|
|
ルビをふる文字を指定する(IEが独自に採用) |
rp |
|
|
ルビを囲む記号を指定する(IEが独自に採用) |
rt |
|
|
ルビの内容を指定する(IEが独自に採用) |
ruby |
|
|
ルビの範囲を指定する(IEが独自に採用) |
S |
タグ |
読み方 |
名称 |
意味 |
s |
エス/ストラック |
strike-through text style |
打ち消し線を引く |
samp |
サンプル |
|
プログラムによる出力結果のサンプルであることを示す |
script |
スクリプト |
|
文書にスクリプトを埋め込む |
select |
セレクト |
|
セレクトボックスを作成する |
small |
スモール |
|
テキストのサイズをひとまわり小さくする |
spacer |
スペーサー |
|
スペースを挿入する(NN独自の仕様) |
span |
スパン |
|
ひとかたまりの範囲として定義する(インライン要素) |
strike |
ストラック |
|
打ち消し線を引く |
strong |
ストロング |
|
強調する |
style |
スタイル |
|
スタイルシートを記述する |
sub |
サブスクリプト |
subscript |
下付き文字を表示する |
sup |
スーパースクリプト |
superscript |
上付き文字を表示する |
T |
タグ |
読み方 |
名称 |
意味 |
table |
テーブル |
|
テーブル(表)を作成する |
tbody |
ティボディ/テーブルボディ |
|
テーブル(表)のボディ部分を定義する |
td |
ティディ/テーブルデータ |
table data |
テーブル(表)のデータセルを作成する |
textarea |
テキストエリア |
|
複数行の入力フィールドを作成する |
tfoot |
ティフット/テーブルフット |
table foot |
テーブル(表)のフッタ行を定義する |
th |
ティエィチ/テーブルヘッダー |
table header |
テーブル(表)の見出しセルを作成する |
thead |
ティヘッド/テーブルヘッド |
|
テーブル(表)のヘッダ行を定義する |
title |
タイトル |
|
文書にタイトルをつける |
tr |
ティアール/テーブルロウ |
table row |
テーブル(表)の横方向の一行を定義する |
tt |
ティティ |
teletype or monospaced text style |
等幅フォントで表示する |
U |
タグ |
読み方 |
名称 |
意味 |
u |
ユー/アンダーライン |
underlined text style |
テキストに下線(アンダーライン)を引く |
ul |
ユーエル/アンオーダードリスト |
unordered list |
順序のないリストを表示する |
V |
タグ |
読み方 |
名称 |
意味 |
var |
|
|
変数や引数であることを示す |
W |
タグ |
読み方 |
名称 |
意味 |
wbr |
|
|
<NOBR>内で改行しても良い位置を指定する(NN独自の仕様) |
X |
タグ |
読み方 |
名称 |
意味 |
xmp |
|
|
ソースをそのまま表示する |