Web担当者の皆様は、ページのちょっとした修正を自分で行うケースが少なからずあるのではないでしょうか。HTMLのタグや属性など、それぞれの正しい読み方を知っていますか？

「qやa」など、一見するとどう読んでいいかわからないものが多いため、なんとなく読んでしまっている方も多いでしょう。

今回は、読みづらいHTMLタグ・属性の読み方をまとめました。読み方に自信が無い方はこの機会に不安を解消しておきましょう。

HTMLタグの読み方

1.!DOCTYPE

読み方：ドックタイプ

Document Type Definitionの略。文章の先頭に記載する宣言文。

2.a

読み方：アンカー　

anchorの略。リンクの出発点・到達点を指定するHTMLタグ。

3.br

読み方：ブレイク

Breakの略。改行を指定するHTMLタグ。

4.dfn

読み方：ディフィニション

Definitionの略。定義する用語を明示できるHTMLタグ。

5.dir

読み方：ディレクトリ

Directoryの略。リストを表示するHTMLタグ。

6.em

読み方：エンファシス

Emphasisの略。強調文字・斜体文字を指定するHTMLタグ。

7.a href

読み方：アンカー　エイチレフ

「Hypertext REFerence」の略。テキストや画像にリンクを設定するときに使います。

8.i

読み方：イタリック

italicの略。文字を斜体にするHTMLタグ。

9.img

読み方：イメージ

Imageの略。画像を表示するHTMLのタグ。

10.p

読み方：パラグラフ　

paragraphの略。ひとつの段落であることを表すHTMLタグ。
「ピー」と読むこともあります。

11.param

読み方：パラメータ

パラメータを指定するHTMLタグ。

12.q

読み方：クォート

Quoteの略。引用文であることを表すHTMLタグ。

13.sub

読み方：サブスクリプト

Subscriptの略。下付き文字を表示するHTMLタグ。

14.sup

読み方：スーパースクリプト

Superscriptの略。上付き文字を表示するHTMLタグ。

15.u

読み方：アンダーライン

Underlineの略。文字に下線を引くHTMLタグ。

16.ul

読み方：アンオーダードリスト

unordered listの略。番号なしのリストを作るHTMLタグ。

17.ol

読み方：オーダーリスト

order listの略。番号付きのリストを作るHTMLタグ。

18.width

読み方：ウィズ

テーブル（表）などの横幅を設定するプロパティ。

19.height

読み方：ハイト

テーブルやセルの縦幅を指定するプロパティ。

HTML属性の読み方

1.alt

読み方：オルト　

Alternativの略。画像の代わりになるテキストを指定できるHTML属性。

2.src

読み方：ソース

Sourceの略。画像のあるurlを指定する属性。

3.rowspan

読み方：ロウスパン

テーブルのセルを縦に結合するHTML属性。

4.colspan

読み方：コルスパン

テーブルのセルを横に結合するHTML属性。

5.charset

読み方：キャラセット

文字コードを指定するHTML属性。

6.rel

読み方：レル

relationの略。現在のページとリンク先の関係を指定するHTML属性。