<hr>

용어

horizontal 의 hr : 수평의, 가로선의

정의 및 사용

HTML 페이지 내에 수평선을 그어 내용 영역을 구분하며, 브라우저 별로 적절히 변환되어 보여진다. hr 은 단순히 문단의 구분이 아닌 전체 문서의 흐름에서 주제가 확연히 다른 영역끼리의 구분을 위해 사용한다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9  지원IE10  지원Chrome 지원Firefox 지원Opera 지원Safari 지원

설명

구문

속성 값 설명
속성 설명
class classname 정의된 클래스 네임을 지정할 수 있다.
id id 정의된 아이디 이름을 지정할 수 있다. 단, id 값은 문서에서 하나만 사용 가능하다.
style style_definition 해당 요소의 스타일을 인라인으로 정의할 수 있다.
title text 해당 요소의 추가적인 정보를 설명해서 넣을 수 있다.

예제1

예제2

버그 및 이슈

  • hr 태그는 html4 에서는 <hr>로 사용 가능하고, xhtml 버전에서는 <hr />로 닫는 태그를 엄격이 지켜야 한다. 하지만 다시 html5 에서는 간단하게 <hr> 로 표기해도 충분하다.
  • 기본적으로 회색 수평선으로 표시되는데, 일반적으로 디자인적인 면을 위해 css로 브라우저에서 보이지 않게 처리하는 경우가 많다.

목록 으로

  • 우연적필연

    2014년 6월 9일, 11:35 오후

    [답변]

    먼저 답변감사합니다^^!
    아…
    저도 해보았는데요~
    똑같더라구요…혹시 다른점이 있나해서 여쭈어 보았어요^^
    감사해요^^ㅋ

  • 우연적필연

    2014년 6월 7일, 7:18 오후

    [답변]

    요소검사를 해보았는데요~
    흠…운영자님 께서는 (hr)이렇게만 사용해 주셨는데
    되시더라구요? 저도 해보니까 되구요…
    “/” 이걸 쓰고 안쓰고의 큰 차이가 있나요??

    • kiris

      2014년 6월 9일, 10:17 오전

      [답변]

      <hr> 과 <hr />의 차이를 말씀하시는건지요?
      단순히 문법의 차이입니다. 은 문서타입을 xhtml로 선언하였을 때 사용하시면 됩니다. 브라우저에 보여지는 것은 차이가 없습니다.

댓글