웹퍼블리셔-입문]HTML5 Contants

오늘은 html작성시 사용되는 content에 대해 간략하게 알아보도록 하겠습니다.

 

1. Metedata Content

문서의 표현이나 동작을 설정하고 다른 문서와의 관계 설정 후 정보 전달하는 콘텐츠

 

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

 

2. Flow Content

문서나 Application의 본문(body)안에서 사용되는 콘텐츠

 

a, abbr, address, article, aside, b, bdi, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, dfn, div, dl, em, embed, fieldset, fiqure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, i, iframe, img, input, ins, keygen, label, map, mark, math, meter, nav, noscript, object, ol, output, p, pre, progress, q, ruby, s, script, section, select, small, span, strong, sub, supt, svg, table, textarea, time, ul, var, video

 

3. Sectioning Content

Headings Content와 footer를 정의하는 콘텐츠

- 단락 구분할 때 사용됨

article, aside, nav, section

 

4. Heading Content

Content의 header 즉 타이틀 사용 시

h1, h2, h3, h4, h5, h6

 

5. Phrasing Content

텍스트와 텍스트가 포함된 마크업을 정의하는 콘텐츠

abbr, audio, b, bdi, bdo, br, button, canvas, cite, code, commend, datalist, dfn, em, embed, i, iframe, img, input, kbd, keygen, label, mark, math, meter, noscrpt, object, output, progress, q, ruby, s, samp, script, select, small, span, strong, sub, sup, svg, textarea, time, var, video, wbr, text

 

6. Embedded Content

다른 리소스나 콘텐츠를 문서에 삽입하는 콘텐츠

-이미지나 동영상을 연결해서 보여줌

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

 

7. Interactive Content

사용자와의 상포작용을 위해 사용

a, button, details, embed, iframe, select, textarea, keygen, label