Webコーディングをするときによく使うタグやスタイルシートの読み方についてまとめてみました。

HTMLは、ほとんど単語の頭文字や頭から数文字をとった略称になっています。そのままアルファベットを読んだり、単語を読んだりすれば良いのですが、複数の単語が組み合わさっている「href」や「iframe」といった頭の人文字だけアルファベットを読んで、残りは単語で読むという特殊な例もあります。

CSSは、略称になっていないので単語を知っていれば読むことができますが、単語を知らないと読むことができません。その中でも「width」と「height」は間違えた読み方で覚えている人が結構いるようです。実は、僕もその一人でした。間違えた読み方で恥ずかしい思いをしないように正しい読み方でちゃんと覚えましょうね。

A B C D E F H I K L M N O P Q R S T U V W X おまけ
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 ソースをそのまま表示する