コーディングしてるけどこのHTMLタグって読むんだっけ？って時ありませんか？あまり口頭でやり取りはしないのですが、たまにあるんです、特に最近のテレワークでは読み方わからなくて伝わらない時が(笑)

自分用のメモ的要素が大きいですが、使ってください。表にするとスマホでみずらいので表無しで書きます。あまり使わないものは含まれていないのでご注意を

対象のプランを12か月契約でドメインず～っとタダやってます！

a

<a></a>　アンカー
align　アライン（属性）
<article></article>　アーティクル
alt　オルト（属性）
<aside></aside>　アサイド

b

<b></b>　ボールド
<body></body>　ボディ
<br>　ビーアール（break）※閉じタグ（終了タグ）なし
<button></button>　ボタン

c

<canvas></canvas>　キャンバス
<caption></caption>　キャプション
center　センター（属性）※タグもあるが使わない
charset　キャラセット（属性）
<cite></cite>　サイト
class　クラス（属性）
<code></code>　コード
cellpadding　セルパディング（属性）
cellspacing　セルスペーシング（属性）
colspan　コルスパン（属性）
<command></command>　コマンド

d

<div></div>　ディブ（division）
<!DOCTYPE html>　ドックタイプ　エイチティーエムエル

e

<em>　イーエム（emphasis）

f

<figcaption></figcaption>　フィグキャプション
<figure></figure>　フィギュア
<font></font>　フォント
<footer></footer>　フッダー
<form></form>　フォーム

g

h

<h1>~<h6></h1>~</h6>　エイチ（heading）
<head></head>　ヘッド
<header></header>　ヘッダー
<hr>　エイチアール（horizonatal rule）※閉じタグ（終了タグ）なし
<html></html>　エイチティーエムエル
href　エイチレフ（属性）

i

icon　アイコン（属性）
id　アイディー（属性）
<iframe></iframe>　インラインフレーム
<img>　イメージ　※閉じタグ（終了タグ）なし

ここからinputとインプットの属性

<input>　インプット　※閉じタグ（終了タグ）なし
autocomplete　オートコンプリート（属性）
autofocus　オートフォーカス（属性）
min　ミン（属性）
max　マックス（属性）
multiple　マルティプル（属性）
pattern　パターン（属性）
placeholder　プレースフォルダー（属性）
required　リクアイアード（属性）
step　ステップ（属性）
<input type=”button”>　ボタン
<input type=”checkbox”>　チェックボックス
<input type=”color”>　カラー
<input type=”date”>　デート
<input type=”datetime”>　デートタイム
<input type=”datetime-local”>　デートタイムローカル
<input type=”email”>　イーメール
<input type=”file”>　ファイル
<input type=”hidden”>　ヒドゥン
<input type=”image”>　イメージ
<input type=”month”>　マンス
<input type=”number”>　ナンバー
<input type=”password”>　パスワード
<input type=”radio”>　ラジオ
<input type=”range”>　レンジ
<input type=”reset”>　リセット
<input type=”search”>　サーチ
<input type=”submit”>　サブミット
<input type=”tel”>　テル
<input type=”text”>　テキスト
<input type=”time”>　タイム
<input type=”url”>　ユーアールエル
<input type=”week”>　ウィーク

j

k

l

<label></label>　ラベル
<legend></legend>　レジェンド
<li></li>　エルアイ（list item）
<link>　リンク　※閉じタグ（終了タグ）なし

m

<map></map>　マップ
<main></main>　メイン
<mark></mark>　マーク
<menu></menu>　メニュー
<meta>　メタ　※閉じタグ（終了タグ）なし

n

<nav></nav>　ナビ
<noscript></noscript>　ノースクリプト

o

p

<p></p>　ピー（paragraph）
<pre></pre>　プレ

q

<q></q>　キュー（quote）

r

rel　レル（属性）（relation）

<rp></rp>　アールピー（ruby parentheses）
<rt></rt>　アールティー（ruby text）
<rb></rb>　アールビー（ruby base)
<ruby></ruby>　ルビ

s

t

<table></table>　テーブル
<tbody></tbody>　ティーボディ
<td></td>　ティーディ（table data）
<tfoot></tfoot>　ティーフットorティーフッダー
<th></th>　ティーエイチ（table header）
<time></time>　タイム
<title></title>　タイトル
<tr></tr>　ティーアール（table row）

u

<u></u>　ユー（underline）

<ul></ul>　ユーエル（unordered list）

v

w

x

y

z

まとめ

意外と微妙なニュアンスの言葉もありましたね。
これでスマホでサクッと検索できるようになりました。ついでに閉じタグ（終了タグ）を入れてはいけないタグもわかるようにしています。

CSSの読み方はこちらです

[保存版]今更聞けないCSSプロパティの読み方[完全版]

ロリポップで条件を満たすとドメイン代ず～っとタダキャンペーンやってます！

[保存版]今更聞けないHTMLタグと属性の読み方[完全版]

HTML要素（タグ）、属性の読み方一覧

a

b

c

d

e

f

g

h

i

ここからinputとインプットの属性

j

k

l

m

n

o

p

q

r

s

t

u

v

w

x

y

z

まとめ

コメント