HTML - 컨텐츠 부문 HEADER / FOOTER / H1~H6 / MAIN
2019. 12. 11. 12:53ㆍ웹/HTML
<header> 태그
소개나 탐색을 돕는 그룹
일반적으로 로고 / 메뉴 / 검색바 / 로그인 버튼/ 로그아웃 버튼 / 회원가입 버튼 컨텐츠가 포함
header 태그 내 header / footer 사용 X
속성
-
전역 속성만 포함
<footer> 태그
가장 가까운 구획화 콘텐츠나 구획화 루트의 푸터를 나타냄
일반적으로 작성자 구획 / 저작권 데이터 / 관련된 문서의 링크에 대한 정보 포함
footer 태그 내 footer/ header 사용 X
속성
-
전역 속성만 포함
<h1> ~ <h6> 태그
6단계의 문서 제목을 구현
h1이 가장 높고 h6이 가장 낮음
화면의 글자의 크기를 지정할 때 쓰는 태그 X, 의미상 대주제 부터 소주제로 6단계 구분할 때 사용하는 태그
속성
-
전역 속성만 포함
※ 권장사항
-
브라우저 마다 h1 ~ h6은 폰트의 크기가 다름
-
제목 폰트의 크기를 줄이기 위해 낮은 단계의 태그를 사용 X, CSS의 font-size 속성 사용
-
h1 부터 차례대로 사용 권장, 건너 뛰어 사용 금지
-
h1 은 한페이지에 한개 사용 권장
<main> 태그
문서나 앱 <body>의 주요 컨텐츠를 나타낼때 사용
주요 컨텐츠 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연, 또는 직접적으로 연관된 컨텐츠로 구성
문서내에 하나만 존재
속성
-
전역 속성만 포함
※ 주의 사항
-
IE 지원 X
출처 : heropy.org
'웹 > HTML' 카테고리의 다른 글
HTML - 요소 전역 속성 (0) | 2019.11.24 |
---|---|
메타데이터 - LINK / STYLE / MIME Type / BASE (0) | 2019.11.24 |
메타데이터 - META 태그 (0) | 2019.11.24 |
HTML 구조 (0) | 2019.11.24 |