반응형
- 헤딩태그는 <h1>~<h6> 6단계가 존재
h1태그입니다.
h2태그입니다.
h3태그입니다.
h4태그입니다.
h5태그입니다.
h6태그입니다.
- 헤딩태그는 블럭 요소를 가진다.
- 헤딩 태그는 bold체가 기본 적용되어 있다.
- font-size는 상속되지 않는다.
- 헤딩태그는 웹 페이지의 제목, 목차를 나타내는 곳에 사용한다.
- 웹페이지를 대표하는 로고는 h1태그를 사용한다.
- 헤딩태그는 웹접근성에서 가장 중요한 태그이기 때문에 계층에 맞게 순서대로 사용해야 한다.
* 헤딩 태그는 브라우저의 최상위 검색 대상이기 때문에 정확한 정보를 기재해야 웹 접근성에서 유리합니다.
* <h3>를 사용하고 <h5>로 바로 넘어가면 웹 표준성에 어긋나기 때문에 순서대로 사용해야 합니다.
* html5에서0 시멘틱 태그가 생김으로써 h1태그를 여러번 사용해도 상관없지만 무엇이 맞다, 더 좋다는것은 의견이 분분한것 같습니다.
핵심은 헤딩태그는 책의 목차와 같은 역할을 하기때문에 구분을 명확하게 잘 지어주어야 한다는 것입니다.
반응형
'IT 공부 > Programming' 카테고리의 다른 글
<HTML5> 6강 dl, dt, dd 정의형 목록태그 (0) | 2020.06.05 |
---|---|
<HTML5> 5강 ul, ol, li 목록태그 (0) | 2020.06.02 |
<HTML5> 4강 a 하이퍼링크 태그 (0) | 2020.06.01 |
<HTML5> 3강 strong, (b) 강한강조태그, em (i) 약한강조태그 (0) | 2020.05.31 |
<HTML5> 2강 p 단락태그, div 박스태그, span강조태그 (0) | 2020.05.30 |