HTML [Introduction]

HyperText Markup Language (HTML)

リンクにより相互に関連付けられた文書をマークアップするための記述文法の一つ。通称「インターネット」と呼ばれる World Wide Web (WWW) で文書を公開するために広く一般に用いられている。以前は WAHTWG により企画・策定され、W3C により勧告として公布されていたが、2021年1月に W3C 勧告は廃止され、WHATWG が公開する HTML Living Standard が現在正式な規格として運用されている。

参考：

HyperText Markup Language – Wikipedia

概要

参考：

HTML: HyperText Markup Language | MDN

ハイパーテキスト – Wikipedia

規格

• HTML Standard
• HTML5 (※ 2021年1月29日 廃止)

参考：

W3C 発行の HTML がすべて廃止された日 | ミツエーリンクス

HTML の最新仕様ってどこで確認すればいいんだっけ？ | Rriver

HTML 標準仕様の策定について W3C と WHATWG が合意／今後は WHATWG のリビングスタンダードが唯一の HTML 標準仕様に | ITmedia NEWS

W3C と WHATWG が共同で HTML の仕様を策定するようです | ミツエーリンクス

HTML5

W3C の勧告は廃止され、HTML Living Standard に統合された。

参考：

HTML5 – Wikipedia

HTML5 日本語訳 (momdo.github.io)

HTML 5.2 | W3C

Living Standard

参考：

HTML Living Standard | とほほの WWW 入門

HTML Living standard | 珈琲とウェブデザイン

HTML 標準仕様の策定について W3C と WHATWG が合意発表。今後は WHATWG のリビングスタンダードが唯一の HTML 標準仕様に | Publickey

HTML Standard 日本語訳 (momdo.github.io)

WHATWG HTML 日本語訳 Wiki · momdo/momdo.github.io Wiki – GitHub

HTML Standard | WHATWG [Official]

導入

参考：

HTML 文書とは何か | 水谷正大 (大東文化大学)

HTML 要素と HTML 構文指定 | 水谷正大 (大東文化大学)

HTML の基本的なルール | 猫式 HTML 研究室

基本

参考：

タグに関する基礎知識 | とほほの WWW 入門

HTML タグと要素 | 珈琲とウェブデザイン

HTML テキストの基礎 | MDN

ドキュメントと Web サイトの構造 | MDN

コンテンツページを構造化する | MDN

ハイパーリンク

a タグに href 属性で遷移先を指定してリンクを作成する。

<a href="https://example.com/">example.com へのリンク</a>

参考：

ハイパーリンクの作成 | MDN

マークアップ

参考：

高度なテキスト処理 | MDN

入門

参考：

HTML の基本 | MDN

HTML 入門 | MDN

HTML の学習: ガイドとチュートリアル | MDN

タグ／要素

参考：

タグ | MDN

要素 | MDN

HTML 要素 – Wikipedia

要素 | HTML Standard 日本語訳 (momdo.github.io)

Elements | HTML Standard (WHATWG) [Official]

空要素

参考：

空要素 | MDN

開始タグ

参考：

開始タグ | HTML Standard 日本語訳 (momdo.github.io)

Start Tags | HTML Standard (WHATWG) [Official]

White space inside XML/HTML tags – Stack Overflow

終了タグ

参考：

終了タグ | HTML Standard 日本語訳 (momdo.github.io)

End Tags | HTML Standard (WHATWG) [Official]

属性

参考：

HTML の属性ってなに？属性の役割と書き方 | Qlio

属性 | MDN

HTML 属性リファレンス | MDN

グローバル属性 | MDN

属性 | HTML Standard 日本語訳 (momdo.github.io)

Attributes | HTML Standard (WHATWG) [Official]

Using spaces before and after the `=` sign of HTML element attribute – Stack Overflow

コンテンツ

• メタデータ (metadata)
• フローコンテンツ (flow content)
• 区分コンテンツ (sectioning content)
• 見出しコンテンツ (heading content)
• 記述コンテンツ (phrasing content)
• 埋め込みコンテンツ (embedded content)
• 対話型コンテンツ (interactive content)
• 知覚可能コンテンツ (plpable)
• フォーム関連コンテンツ (form-associated content)

副次的カテゴリー／コンテンツモデル

• スクリプト対応要素 (script-supporting elements)
• 透過的コンテンツモデル (transparent content model)
• 区分化ルート (sectioning root)

参考：

コンテンツカテゴリー | MDN

コンテンツの種類 | HTML Standard 日本語訳 (momdo.github.io)

Kinds of Content | HTML Standard (WHATWG) [Official]

言語タグ／lang 属性

参考：

HTML と XML における言語タグ 日本語訳 | W3C

HTML 文書／html タグ

参考：

html – HTML 文書 | とほほの WWW 入門

メタデータ／head タグ

参考：

head には何が入る? HTML のメタデータ | MDN

head – 文書メタデータ要素 | MDN

空白の扱い

参考：

すぐわかる！HTML でスペースや空白を入れる正しい方法 | webliker

スペース | とほほの WWW 入門

  は半角スペースではないというお話 | フェンリル

ホワイトスペースは HTML、 CSS、そして DOM 内でどう扱われるか | MDN

How to Put Spaces in HTML | ThoughtCo.com

構文解析

参考：

HTML 文書／素片の構文解析法 日本語訳 (triple-underscore.github.io)

リポジトリ

参考：

whatwg/html: HTML Standard – GitHub

リファレンス

参考：

HTML リファレンス | コードキッチン

HTML5 リファレンス | HTML クイックリファレンス

HTML リファレンス | とほほの WWW 入門

HTML 要素リファレンス | MDN

HTML リファレンス | MDN

まとめ

参考：

HTML 概要 | とほほの WWW 入門

HTML の基本 | HTML クイックリファレンス

Tips

参考：

一般的な問題解決に HTML を使う | MDN

リンク

参考：

Web 関連仕様 日本語訳 (triple-underscore.github.io)

とほほの ＷＷＷ 入門

HTML クイックリファレンス