레이아웃

레이아웃

div를 이용한 레이아웃
header - 화면 상단에 위치
<header></header>

 

nav - header밑에 오고 문서 사이를 탐색할수 있는링크부분
<nav></nav>

 

main - article , section ,aside등이 있으며 문서의 중요한부분을 차지 화면가운데 위치
<main></main>

 

section - article이있으며 여러내용 포함 문서의 전체적인 내용관 관련있는 콘텐츠들의 집합
<section><section>

 

article - 독립적 하나의 기사부분

<article></article>

aside - 페이지 부분 이외의 콘텐츠

<aside></aside>

 

 

 fiqure 요소와 figcaption요소

책이나 신문등 포함되는 이미지와 바로아래에 해당이미설명

fiqure - 문서에서 그래픽과 비디오 등의 독립적인 콘텐츠

 

<figure>

<img src="웨일브라우저" >

<figure>

 

 

 

 

figcaption - figure 요소를 위한 캡션을 정의

<figure>

 

<img src="웨이브라우저" >

<figcaption> 웨일브라우저 출처네이버<figcaption>

<fiqure>

 

 

웨일브라우저 출처네이버

 

footer- 화면 하단에 위치 사이트의 정보

<footer></footer>

footer- 화면 하단에 위치 사이트의 정보

<footer></footer>

출처 TCPSchool