【えいちてぃーえむえる】
HTML とは？
最終更新:
💡 見出し・段落・リンクで、ページの意味と構造を作る
Webページの内容に、見出し・段落・リンクなどの意味と構造を与えるマークアップ言語。ブラウザが読み取り、ページとして表示します。見た目を調整するCSSや、処理を加えるJavaScriptと組み合わせて使われます。
📌 このページのポイント
- タグと属性で、内容の意味や構造を記述する
- 多くの要素は開始・終了タグで囲み、画像などには終了タグを使わない
- 現在の仕様は、更新が続くHTML Living Standard
ひよこ HTMLは、ページの見た目を書く言語？
ペンギン先生 主な役割は、内容に意味と構造を与えることだよ。「ここは見出し」「これは段落」「ここから別のページへ移動できる」と記述する。ブラウザはその情報を読み取り、標準の見た目でも表示してくれるんだ。
ひよこ タグは、どう書くの？
ペンギン先生 例えば<h1>見出し</h1>や<p>文章</p>のように、開始タグと終了タグで内容を囲むよ。リンクでは<a href="page.html">次のページ</a>と書き、hrefという属性で移動先を示すんだ。
ひよこ 画像も、タグで囲むの？
ペンギン先生 imgのように内容を持たない空要素には、終了タグを使わないよ。画像のURLはsrc、画像の代わりになる説明はaltなどの属性で記述する。すべての要素を同じように囲むのではなく、要素ごとの書き方に合わせよう。
ひよこ CSSとJavaScriptがないと、表示できない？
ペンギン先生 HTMLだけでも見出しや段落、リンクのあるページを表示できるよ。CSSは見た目を調整し、JavaScriptは処理や操作への反応を加えるのに使う。リンクなどHTML自体にある機能まで、必ずJavaScriptで作る必要はないんだ。
ひよこ HTML5とLiving Standardは、別のもの？
ペンギン先生 HTML5という呼び名は今も広く使われるけれど、現在の仕様はWHATWGが更新するHTML Living Standardだよ。古いバージョン名だけで機能を判断せず、仕様と、使うブラウザの対応を確認しよう。
まとめ：ざっくりこれだけ覚えればOK！
「HTML」って出てきたら「Webページの内容に、意味と構造を与える言語」と思えばだいたいOK！
📖 おまけ：英語の意味
「HyperText Markup Language」 ＝ ハイパーテキスト・マークアップ言語
💬 リンクでつながるテキストに、タグなどで意味と構造を付ける言語だよ。