코딩의 시작, TCP School

<hr> 태그는 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의할 때 사용합니다.

<hr> 요소는 HTML 문서에서 내용을 구분하거나 주제의 변화를 정의합니다.

<h2>HTML</h2>
<p>HTML은 웹 페이지를 만드는 데 사용하는 언어입니다.</p>

<hr>

<h2>CSS</h2>
<p>CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용하는 언어입니다.</p>

태그명
<hr>	지원함	지원함	지원함	1.0	지원함	지원함

HTML 4.01에서는 <hr> 요소가 단순히 가로선을 나타냈지만, HTML5에서는 주제의 흐름 변경(thematic break)을 나타내도록 변경되었습니다.

브라우저는 여전히 <hr> 요소를 수평 가로선으로 표현하지만, 시각적인 의미보다는 의미적 용어(semantic term)로 사용됩니다.

또한, HTML5에서는 <hr> 요소의 layout 속성을 더 이상 지원하지 않으며, CSS를 대신 사용하도록 변경되었습니다.

HTML에서는 <hr> 태그를 닫지 않지만, XHTML에서는 다음과 같이 반드시 태그를 닫아야만 합니다.

<hr />

속성명	속성값	설명
align	left center right	<hr> 요소의 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음.
noshade	noshade	<hr> 요소가 음영이 있는 색상(shaded color)이 아닌 단색으로 표현됨을 명시함. HTML5에서는 더 이상 지원하지 않음.
size	픽셀	<hr> 요소의 높이를 명시함. HTML5에서는 더 이상 지원하지 않음.
width	픽셀 %	<hr> 요소의 너비를 명시함. HTML5에서는 더 이상 지원하지 않음.

hr {

display: block;

margin-top: 0.5em;

margin-bottom: 0.5em;

margin-left: auto;

margin-right: auto;

border-style: inset;

border-width: 1px;

}

interface HTMLHRElement : HTMLElement {};

Search