<hr>
<hr> 태그는 단란 요소간의 주제별 구분을 설정합니다.
<hr>
<hr> 태그는 단란 요소간의 주제별 구분을 설정합니다.
| 특징 | 설명 |
|---|---|
| 요소 | 블록 요소(Block Element) |
| 닫는 태그 | self-closing(<hr />) |
| 버전 | HTML4 |
| 시각적 표현 | 수평선 |
| 사용성 |
정의(Definition)
- <hr> 태그는 단란 요소간의 주제별 구분을 설정합니다.
- <hr> 태그는 연극에서 주제를 구분하거나, 책에서 화제 변경을 구분(horizontal rule)하기 위해 사용합니다.
- <hr> 태그는 시각적인 부분보다 의미론적으로 사용하므로, 시간적인 표현은 CSS를 통해 표현합니다.
크로스브라우징(CrossBroswing)
- HTML4에서 <hr> 태그는 수평선을 의미하지만, HTML5에서 <hr> 태그는 주제를 분리할 때 사용합니다.
예제1(Sample)
주제를 구분하기 위한 예제입니다.
천 번째 섹션은 웹 표준을 준수한 사이트 튜토리얼을 제공합니다.
두 번째 섹션은 완성된 사이트를 통해 스크립트를 완성합니다.
HTML
CSS
SCRIPT
<p>천 번째 섹션은 웹 표준을 준수한 사이트 튜토리얼을 제공합니다.</p>
<hr>
<p>두 번째 섹션은 완성된 사이트를 통해 스크립트를 완성합니다.</p>
//Javascript none
속성(Property)
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| align | left center right |
왼쪽으로 정렬합니다. 가운데로 정렬합니다. 오른쪽으로 정렬합니다. |
 |
| color | color="red" | 컬러를 설정합니다. | - |
| noshade | noshade="noshade" | 수평선의 음영처리를 하지 않습니다. | |
| size | size="100px" | 사이즈를 설정합니다. | |
| width | width="100px" | 가로 값을 설정합니다. | |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <hr> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| align | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| color | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| noshade | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| size | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| width | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
