Notice
Recent Posts
- Today
- Total
반응형
빵 입니다.
HTML Element Category 본문
HTML의 각각의 요소들은 유사한 특성을 가진 요소들이 그룹화 된 0개 이상의 카테고리(범주)에 속해있다.
이 스펙에서는 광범위한 카테고리가 사용된다.
- Metadata content (메타데이터 콘텐츠)
문서의 표현, 동작을 수정하거나 다른 문서를 가리키는 링크 설정하거나 기타 “대역 외 정보”를 전달한다.
<base>, <link>, <meta>, <noscript>, <script>, <style>, <title> - Flow content (플로우 콘텐츠)
제목 요소, 구획 요소, 구문 요소, 임베딩 요소, interactive 요소 그리고 Form 관련 요소를 포함하여 <body> 요소에 들어 갈 수 있는 대부분의 요소를 포함하는 광범위한 영역
보통 텍스트나 내장 콘텐츠를 포함한다.
<a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi> (en-US), <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, Deprecated<keygen>, <label>, <main>, <map>, <mark>, <math> (en-US), <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <picture> (en-US), <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr>, <text>
특정 조건을 만족하는 경우에 Flow 콘텐츠에 속하는 요소들도 있다.
- <map> 요소의 자손일 때의 <area>
- <link>가 itemprop 속성을 가지고 있는 경우
- <meta>가 itemprop 속성을 가지고 있는 경우
- <style>이 scoped 속성을 가지고 있는 경우
* 전역 속성인 itemprop
항목에 속성을 추가하는 데 사용됩니다. 모든 HTML 요소에는 itemprop 속성이 지정될 수 있습니다. 여기서 itemprop은 이름과 값 쌍으로 구성됩니다. - Sectioning content (구획 콘텐츠)
Flow 콘텐츠의 부분집합이다.
Flow 콘텐츠가 예상되는 곳 어디든 쓸 수 있다.
현재 개요의 제목 콘텐츠, <header> 요소, <footer> 요소의 범위를 정의하는 섹션을 만든다.
* 개요 = outline
간결하게 추려 낸 주요 내용으로, HTML5 마크업이 문서의 개요를 사용자에게 전달하기 이해 어떤 방법을 사용하는지 아해함으로써 구브라우저와 최신 브라우저 그리고 스크린리더에 적절하게 대응할 수 있다.
<article>, <aside>, <nav>, <section> - Heading content
Flow 콘텐츠의 부분집합이다.
Flow 콘텐츠가 예상되는 곳 어디든 쓸 수 있다.
명시적으로 Sectiong 콘텐츠 요소에 의해 표시되거나 제목 콘텐츠 자체에 의해 암시적으로 정의 되는지 여부에 관계 없이 섹션의 제목을 정의한다.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hgroup>
* <header> 요소는 보통 헤딩을 포함하지만, 제목 요소는 아니다.
* <hgroup> 요소는 HTML5 이전에 W3C HTML에서 제거됨. 그러나 여전히 WHATWG 명세에 남아 있고, 대부분의 브라우저에서 부분적으로나마 지원하고 있다. - Phrasing content (구문 콘텐츠)
Flow 콘텐츠의 부분집합이다.
Flow 콘텐츠가 예상되는 곳 어디든 쓸 수 있다.
텍스트와 텍스트를 포함한 마크업이다.
Phrasing 콘텐츠가 모여 문단을 만든다.
<abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command> Deprecated, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen> Deprecated, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <picture>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <u>, <var>, <video>, <wbr>, 공백으로 이루어지지 않은 plain text
특정 조건을 만족하는 경우에 Phrasing 콘텐츠에 속하는 요소들도 있다.
- <a>가 구문 콘텐츠만 포함하는 경우
- <map> 요소의 자손일 때의 <area>
- <del>가 구문 콘텐츠만 포함하는 경우
- <ins>가 구문 콘텐츠만 포함하는 경우
- <link>가 itemprop 속성을 가지고 있는 경우
- <map>가 구문 콘텐츠만 포함하는 경우
- <meta>가 itemprop 속성을 가지고 있는 경우 - Embedded content
Flow 콘텐츠의 부분집합이다.
Flow 콘텐츠가 예상되는 곳 어디든 쓸 수 있다.
다른 리소스를 가져오거나 다른 마크업 언어 또는 네임스페이스의 콘텐츠를 문서에 삽입한다.
<audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <picture>, <svg>, <video> - Interactive content
Flow 콘텐츠의 부분집합이다.
Flow 콘텐츠가 예상되는 곳 어디든 쓸 수 있다.
사용자 인터렉션을 위해 특별히 설계된 요소를 포함한다.
<a>, <button>, <details>, <embed>, <iframe>, <label>, <select>, and <textarea>
특정 조건이 만족하는 경우에만 Interactive 콘텐츠에 속하는 요소들도 있다.
- controls 속성을 가지고 있는 <audio>
- usemap 속성을 가지고 있는 <img>
- type=“hidden”이 아닌 <input>
- type=“tollbar”인 <menu>
- usemap 속성을 가지고 있는 <object>
- controls 속성을 가지고 있는 <video>
📌 참고
https://developer.mozilla.org/ko/docs/Web/Guide/HTML/Content_categories
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories
https://html.spec.whatwg.org/#kinds-of-content
반응형
'스타디 > HTML' 카테고리의 다른 글
| Canvas 크기 조절 (0) | 2022.10.07 |
|---|---|
| 커스텀 데이터 속성(data-*) (0) | 2019.03.18 |
| 이미지 매개변수 (0) | 2014.02.18 |
| <a>, <input>, <button>의 사용 구분 (0) | 2014.02.12 |
| html 절대 경로와 상대 경로 (0) | 2012.11.29 |
Comments