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

規格

参考:

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 入門

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

ホワイトスペースは 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)

とほほの WWW 入門

HTML クイックリファレンス

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です