콘텐츠 구분


<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; }
  콘텐츠 영역을 설정 (꾸미는 목적으로 사용)

Author And Source

이 문제에 관하여(콘텐츠 구분 태그), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hoicryu/콘텐츠-구분-태그

저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다