HTML : 시맨틱 웹(Semantic Web) - <section>
<section> : 일반 구획 요소
- <article>과 <section> 은 비슷하지만 다르다. <article>과는 다르게 제목요소 (h1~h6)는 필수요소가 아니며, 전체글의 흐름에서 문맥적으로 호흡이 끊길때 사용한다.
- <article>과 <section>을 쉽게 구분하는 방법은 <article>이 될수있다면, <article>을 쓰고 아니면 <section>을 사용한다.
- 요소의 컨텐츠를 따로 구분해야할 필요가 있다면 <article>을 사용한다.
- 일반 컨테이너로 사용하면 안되며, 단순 스타일링을 위해서라면 <div>를 사용해야한다.
기술 요약
콘텐츠 카테고리 : 플로우 콘텐츠, 구획 콘텐츠
가능한 콘텐츠 : 플로우 콘텐츠
태그 생략 : 종료태그 생략 불가능
가능한 상위요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, <section>요소는 <address>의 하위요소가 될수 없다.
2022.05.27 - [TIL/HTML] - HTML : 시맨틱 웹(Semantic Web)
HTML : 시맨틱 웹(Semantic Web)
HTML : 시맨틱 웹(Semantic Web) 시맨틱 웹 이란? (Semantic Web) Semantic : 의미의, 의미론적인 요소의 의미를 고려하여, 구조를 설계하고 코드를 작성하는 것을 말한다. 시맨틱 웹을 사용하면 이로운 점.
sol-reshur.tistory.com
2022.04.12 - [TIL/HTML] - HTML : 콘텐츠 카테고리 (Contents Category)
HTML : 콘텐츠 카테고리 (Contents Category)
HTML : 콘텐츠 카테고리 (Contents Category) 콘텐츠 카테고리 (Contents Category) HTML5부터 비슷한 특징을 가진 요소끼리 묶어서 7가지 카테고리로 세분화를 했다. 하나의 HTML요소가 여러 콘텐츠 카테고.
sol-reshur.tistory.com
'STUDY > HTML' 카테고리의 다른 글
| HTML : a 와 하이퍼링크 (0) | 2022.06.15 |
|---|---|
| HTML : 컨테이너 요소 div, span (0) | 2022.06.10 |
| HTML : 시맨틱 웹(Semantic Web) - <article> (0) | 2022.05.31 |
| HTML : 시맨틱 웹(Semantic Web) - <aside> (0) | 2022.05.31 |
| HTML : 시맨틱 웹(Semantic Web) - <nav> (0) | 2022.05.31 |