블럭-레벨 요소들

"블럭-레벨" 요소는 HTML 요소들 중에 한 카테고리 이며, "인라인"  요소와 대조적입니다. 블럭-레벨 요소는 <body> 요소 안에서만 표현되도록 합니다. 증요한 특성은 이러한 "블럭-레벨" 요소들은 해당 요소의 이전 요소와 이후 요소를 개행(줄바꿈)하는 특징을 가지고 있습니다. (독자적인  영역을 갖는 컨텐츠로 만듭니다)

"블럭-레벨" 요소와 "인라인" 요소의 차이점은 다음과 같습니다 :

서식 (formatting)
기본적으로, 블럭 레벨 요소는 새로운 라인에서 시작합니다. 
컨텐츠 모델 (content model)
일반적으로, "블럭-레벨" 요소는 "인라인" 요소, 또는 다른 "블럭-레벨" 요소를 포함할 수 있습니다. 이러한 구조적인 차이를 갖는 "블럭-요소"는 " 인라인" 요소보다 더 큰 구조를 만들어 낼 수 있는 관점을 갖습니다 (쉽게 말해, "인라인" 요소는 "블럭-레벨" 요소에 포함되어 사용되어 진다는 것입니다)

"블럭-레벨" 요소와, "인라인" 요소의 이러한 정의는 HTML 4.01 까지 사용되었습니다. HTML5 에서는 이러한 두 부분의 요소가 좀 더 복잡한 형태로 컨텐츠 분류(content categories)로 대체되었습니다. "블럭-레벨" 카테고리는 HTML5의 "흐름 컨텐츠(flow content)" 와 일치하며, "인라인" 요소는 "표현 컨텐츠(phrasing content)" 와 일치하지만, 이들은 모두 부가적인 카테고리일 뿐입니다. (첨언 : "블럭-레벨" 은 HTML 문서상에서 전반적인 흐름을 유도하는 컨텐츠로서 포함되는 카테고리로 인식되고, "인라인" 요소는 그러한 큰 컨텐츠의 흐름안에서, 별도의 표현 <예를 들면, 강조> 을 하는 컨텐츠 카테고리로서, 인식되고 있다는 것을 의미하는 것 같습니다)

 

블럭 레벨 요소들

아래는 HTML "블럭-레벨" 요소의 완성된 목록입니다. (또한, "블럭-레벨" 은 기술적으로 HTML5 에서 새로운 요소들에 대해 정의되진 않습니다ㅏ)

<address>
연락처 정보
<article> HTML5
(의미있는) 단락 컨텐츠
<aside> HTML5
부가 컨텐츠.
<audio> HTML5
오디오 플레이어
<blockquote>
긴 ("블럭")  인용구.
<canvas> HTML5
캔버스
<dd>
정의를 설명.
<div>
문서의 분할
<dl>
정의된 목록
<fieldset>
필드 정의 레이블
<figcaption> HTML5
그림 캡션
<figure> HTML5
캡션이 포함된 그룹 미디어 컨텐츠 (참고 <figcaption>).
<footer> HTML5
페이지나 섹션의 푸터
<form>
입력 폼
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
제목 크기 (1~6)
<header> HTML5
페이지나 섹션의 헤더
<hgroup> HTML5
그룹 헤더 정보
<hr>
수평선 (구분선).

<noscript>
스크립트를 지원하지 않는 컨텐츠의 사용
<ol>
정렬된 목록
<output> HTML5
폼 출력
<p>
문단
<pre>
미리 정의된 문자
<section> HTML5
웹 문서의 섹션
<table>
테이블 (표)
<tfoot>
테이블 푸터
<ul>
정렬되지 않은 목록
<video> HTML5
비디오 플레이어

 

참고

문서 태그 및 공헌자

 이 페이지의 공헌자: Nickkun, Dongju_Lee
 최종 변경: Nickkun,