콘텐츠 구분 태그

4136 단어 htmlhtml

콘텐츠 구분


<h1>,<h2>,<h3>....<h6> { display: block; }
  문서의 정보 계층을 구조화
  * 숫자가 낮을 수록 높은 단계(중요한)의 제목
  
<header> { display: block; }
  문서의 머리글을 설정 (로고, 제목, 검색 등을 포함)
  
<footer> { display: block; }
  문서의 바닥글을 설정 (작성자, 저작권, 관련 문서 등을 포함)
  
<main> { display: block; }
  문서의 주요 콘텐츠를 설정
  * ie 지원 불가
  * 한 문서에 하나의 <main> 요소만 포함 가능
  
<article> { display: block; }
  독립적으로 구분되거나 재사용 가능한 영역을 설정
  * 일반적으로 <h1> ~ <h6>를 포함하여 식별
  * 작성일자와 시간을 <time>의 datatime 속성으로 작성
  
<section> { display: block; }
  문서의 일반적인 영역을 설정
  * 일반적으로 <h1> ~ <h6>를 포함하여 식별
  
<asid> { display: block; }
  문서의 별도 콘텐츠를 설정 (광고나 기타 링크 등의 사이드바)
  
<nav> { display: block; }
  다른 페에지 링크를 제공하는 영역을 설정
  *navigation, 보통 메뉴(home, about, contact), 목차 등을 설정)

<address> { display: block; }
  <body>, <article>, <footer> 태그 등 에서 연락처 정보를 제공하기 위해 포함하여 사용
  
<div> { display: block; }
  콘텐츠 영역을 설정 (꾸미는 목적으로 사용)
  

  

좋은 웹페이지 즐겨찾기