1.HTML&CSSの基礎(3)コンテンツモデル、概略表記、ブロック&行内1

1.コンテンツモデル

HTML 5には규칙들が存在し、要素の性質に応じて要素のタイプを定義する.

この規則は性格が似ている要素を組み合わせた콘텐츠 모델である.

1)コンテンツモデルの7分類

Metadata Content

Flow Content

Sectioning Content

Heading Content

Phrasing Content

Embedded Content

Interacitve Content

(1) Metadata

base, link, meta, noscript, script, style, title

Metadataには、コンテンツのスタイル、動作、または他のドキュメントとの関係などの情報が含まれています.

元ラベル、タイトルラベル、スタイルラベル、リンクラベルが特徴で、大部分がhead内にある.

(2) Flow

a, abbr, address,map>area, article, aside,audio, b, bdo, blockquote,br, button,
canvas, cite, code, datalist, del, details, dfn, div, dl, em, embed,
fieldset, figure, footer, form, h1 ~ h6, header, hgroup, hr, i, iframe, img,
 input, ins, kbd, keygen, label, map, mark, math, menu, meter, nav, noscript, object, ol,
output, p, pre, progress, q, ruby, samp, script, section, select, small, span, strong,
style[scoped], sub, sup, svg, table, textarea, time, ul, var, video, wbr

Flowには、ドキュメントの自然な流れによって配置される要素が含まれています.

(3) Sectioning

article, aside, nav, section

sectioningには、ドキュメント構造に関連する要素が含まれています.

(4) Heading

h1, h2, h3, h4, h5, h6

Headingには、各セクションのタイトルを定義するタイトルラベルが含まれています.

(5) Phrasing

a, abbr, map>area, audio, b, bdo, br, button, canvas, cite, code, datalist, del, dfn, em, embed,
 i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, meter, noscript, object, output,
 progress, q, ruby, samp, script, select, small, span, strong, sub, sup, svg, textarea, time,
var, video, wbr

Phrasingには、ドキュメントのテキストまたはテキストを装飾する段落の内部レベルの要素が含まれています.

(6) Embedded

audio, canvas, embed, iframe, img, math, object, svg, video

Embeddedは、外部コンテンツを表す要素と、オーディオ、ビデオ、画像などのマルチメディアに関連する要素とを含む.
含む.

(7) Interactive

a, audio[controls], button, details, embed, iframe, img[usemap], input, keygen, label, menu,
object[usemap], select, textarea, video[controls]

Interactiveは、ユーザと対話する要素を含み、代表的にフォーム要素を含む.