html, css 3

HTML5 시맨틱 문서 구조

 

<section> 태그

• 문서의 컨텐츠 영역을 나타낸다. 컨텐츠를 주제별로 묶을때 사용
• 주로 제목(h1~h6)을 포함하며, 두 개 이상의 섹션을 포함할 수 있다.
• <section> 태그 안에 또 다른 <section> 태그를 넣을 수 있다.
• <atrtice>내부에 <section>이 들어갈수 있다.

 

<atricle>태그

• 신문이나 잡지에서 게재되는 독립적인 기사 또는 정보를 표현할때 사용한다.
• 주로 제목(h1~h6)을 포함하며 <article>태그 안에 <section>태그를 포함할수 있다.

 

 

 

 

<section> 태그, <aside> 태그

 

<aside> 태그

<section>이나 <article> 태그로 정의된 내용의 왼쪽이나 오른쪽 옆에 별도로 표시할 내용을 정의합니다.

 

 

 

static 과 relative 차이