본문 바로가기

공부/TIL

2019-04-06

다시한번더 html 마크업의 기초<></> 태그, <       id="" ,required> 속성, 논리속성 태그부터 안에 있는 속성까지를 모두 '요소'

 

섹셔닝 루트(Sectioning Root)

<blockquote>, <body>, <detail>, <fieldset>, <figure>, <td>

 

몇몇 요소는 섹셔닝 루트라는 그룹으로 구분합니다. 섹셔닝 루트에 속하는 요소는 section이나 article 요소와 같이 장이나 절과 같은 계층 구조로 구분되지 않고 독립적인 콘텐츠로 분리되기 때문에 아웃라인에 영향을 주지 않습니다.

 

섹셔닝 콘텐츠(Sectioning Content)

<article>, <aside>, <nav>, <section>

섹셔닝 콘텐츠는 대부분 HTML5에서 새롭게 추가된 요소들이며, 제목과 그 내용을 포함한 범위를 지정하는 콘텐츠를 나타냅니다. 모든 섹셔닝 콘텐츠는 헤딩과 아웃라인을 가집니다.

 

헤딩 콘텐츠(Heading Content)

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

헤딩 콘텐츠는 섹션의 제목을 나타냅니다. 문서의 아웃라인을 고려하여 사용해야 합니다.

 

프레이징 콘텐츠(Phrasing Content)

<a>, <abbr>, <area>(<map> 요소의 자손인 경우), <audio>, <b>, <bdi>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <data>, <datalist>, <del>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <map>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <u>, <var>, <video>, <wbr>

 

출처- https://seulbinim.github.io/WSA/html-basic.html#html4-01-xhtml1-0%EA%B3%BC-html5%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90

 

HTML 마크업 | 웹접근성과 웹표준

HTML 마크업 마크업 언어의 분류 마크업 언어에는 크게 순차적 마크업 언어(procedural markup language)와 서술적 마크업 언어(descriptive markup language)가 있습니다. 순차적 마크업 언어는 한 문서에 기본 데이터, 구조, 표현 정보가 저장되며, 문서 내용을 어떻게 시각적으로 표현할 것인가에 대한 정보를 비롯하여 폰트, 색상, 여백, 줄 간격 등 표현에 관련된 다수의 추가 정보가 포함됩니다. 반면 서술적 마크업

seulbinim.github.io

 

 

 

반응형

'공부 > TIL' 카테고리의 다른 글

2019-04-08  (0) 2019.04.08
2019-04-07  (0) 2019.04.07
2019-04-05  (0) 2019.04.05
2019-04-04  (0) 2019.04.04
2019-04-02  (0) 2019.04.02