<h1> ~ <h6>

용어

heading 의 h : (페이지 위나 책의 한 부문에 붙이는) 제목, (연설・글의 부문별) 주제

정의 및 사용

<h1>~<h6>태그는 글자의 크기를 제어하며 HTML 문단의 제목을 지정한다.
<h1> 요소가 가장 크게 표시되며 <h6> 요소가 가장 작게 표시 되는데, <h1>부터 가장 중요한 제목에 사용하며 <h6> 요소는 가장 작은 제목을 나타낼 때 사용한다.

브라우저 지원

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

모든 주요 브라우저에서 지원

접근성 이슈

  • 이슈1 : 한 페이지 안에 <h1>을 몇 번 사용해도 좋은가?
    ‘한 번만 사용하는 것이 좋다’와 ‘두 번 이상 사용해도 무관하다’ 라는 두 가지 의견이 있다. 한 번만 사용한다일 때는 다시 이슈2번으로 확장해서 생각해 볼 수 있으며, 두 번 이상 사용해도 무관하다일 때에는 일반적으로 로고에 한 번, 컨텐츠 타이틀에 한 번 사용하는 경우이다.
  • 이슈2 : <h1>을 어디에 사용할 것인가?
    해당 콘텐츠의 특성에 따라 결정하는 것이 옳다. 로고에 쓰느냐 컨텐츠의 타이틀에 쓰느냐의 문제는 여전히 어떤 것이 더 옳다고 판가름 할 수 없는 상태이다.
  • 중간 단계를 건너 뛰지 않는 것이 좋다. 예를 들어 <h1>에서 <h2>를 건너 뛰고 <h3>을 사용하는 방법은 좋지 않다.

옵션 속성

옵션 속성
속성 설명 DTD
align 사용중지 제목의 텍스트 정렬(left, center, right, justify)을 지정한다. TF

표준 속성

표준 속성
속성 설명 DTD
class 요소의 클래스명을 지정한다. (예: class=”title”) STF
dir 요소 컨텐츠 내 문자의 표시 방향을 지정한다. "ltr" 은 왼쪽에서 오른쪽 방향(기본 설정)을 의미하며, "rtl"은 오른쪽에서 왼쪽 방향을 의미 STF
id 요소에 고유한 이름을 지정 STF
lang 요소 항목에 관한 언어코드를 지정 STF
style 특정 경우에 사용할 수 있도록 요소에 인라인 스타일을 지정 STF
title 요소에 중요한 정보(타이틀)를 지정 STF
xml:lang XHTML 형식 문서의 언어코드를 지정 STF

목록 으로

  • 우연적필연

    2014년 6월 7일, 4:13 오후

    [답변]

    “옵션 속성” 이라함은 어튜레브,즉 요소에 직접적으로 사용하면 안된다는 뜻인가요?
    ex)
    가운데정렬 이렇게 쓰면안되요?
    이걸 css에서만 해야좋다는?해야한다는? 말씀이신가요??
    “옵션 속성”과 “표준속성”의 뜻을 잘 모르겠어요…ㅠㅜ

    • kiris

      2014년 6월 16일, 10:38 오전

      [답변]

      표준 속성이라는 것은 해당 태그 뿐 아니라 모든 HTML 태그에 공통으로 사용 가능한 속성이라서 표준 속성이라고 합니다. 옵션 속성은 해당 태그에서 선택적으로 사용 가능한 속성이구요. h1~h6 태그에서는 align 이라는 옵션 속성이 있었으나 삭제되었기 때문에 사용 하지 않는 것이 맞구요. 정렬을 원하신다면 css로 처리하시면 됩니다.
      그리고 align 속성이 삭제된 이유는, 단순히 스타일을 위한 속성은 css로 처리하는 것이 표준에 맞기 때문에 h1~h6 태그뿐 아니라 대부분의 속성에서 삭제되었습니다. 참고해주세요.

댓글