< 戻る

HTML5 リファレンス

HTMLタグとHTML要素の関係
図1:HTMLタグとHTML要素の関係
目次
  1. コンテンツモデルとコンテンツ属性
  2. 扱わないHTML要素
  3. KnotTextでのHTML要素の分類

1. コンテンツモデルとコンテンツ属性

HTMLタグとHTML要素の関係
図2:HTML要素の定義

「HTML要素」には、それぞれの「HTML要素」が属するカテゴリーによって、コンテンツモデルが定義されている。コンテンツモデルが主となって、「HTML要素」ごとの入れ子構造の可・不可が示されている。

「HTML要素」におけるコンテンツ属性とは、全ての「HTML要素」が持つグローバル属性の他にも、特定の「HTML要素」だけが持つコンテンツ属性が存在する。

公式サイト:HTML Standard - WHATWG#3.2.6 Global attributes

参考:HTML attribute - Wikipedia

参考:HTML - Wikipedia#Attributes

グローバル属性の一覧
  • accesskey
  • autocapitalize
  • autofocus
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • spellcheck
  • style
  • tabindex
  • title
  • translate

2. 扱わないHTML要素

参考:HTML 要素リファレンス - HTML: HyperText Markup Language | MDN#廃止または非推奨の要素

非推奨となったHTML要素以外で扱わないもの
HTML要素扱わない理由参考
hgroup有害な影響を持つと言及されているため参考:<hgroup> - HTML: HyperText Markup Language | MDN
mathブラウザーが全対応していない参考:<math> - MathML | MDN
menu用途が不透明参考:<menu> - HTML: HyperText Markup Language | MDN
portalブラウザーが全対応していない参考:<portal>: ポータル要素 - HTML: HyperText Markup Language | MDN

3. KnotTextでのHTML要素の分類

文書についての情報

見出しと文章

話題の区切りと文章の折返し

ソースコード

引用

言葉の定義

スタイリングのためのコンテナ

ブロックレベルのボックス

特殊なブロックレベルの構造(リスト形式)

特殊なブロックレベルの構造(テーブル形式)

特殊なブロックレベルの構造(フォーム形式)

特殊なブロックレベルの構造(インタラクティブ形式)

インラインのテキスト

特殊なインラインの構造(ルビ)

特殊なインラインの構造(上付き・下付き)

特殊なインラインの構造(左読み・右読み)

外部メディア

画像

スクリプト(Web API)

コメント