HTML 구조 기본 문법
- <div> : 자체가 block이며, 특정 구간을 그룹으로 묶을 때 사용
※ 의미 없는 순수 컨테이너에 해당, 스타일링을 하기 위해 주로 사용
- <span> : 자체가 inline이며, 주로 text의 일부를 꾸밀 때 사용
ex) <div>와 <span> 간단하게 사용
- semantic Web : 웹 구조를 생성할 때, 의미 있게 만드는 것이 좋다.
→ header, footer, nav 등을 사용
- <header> 와 <footer> : 웹페이지의 머리(대문)와 바닥(출처, 번호 등) 부분에 해당
- <nav> : 탐색, 목록, 메뉴 등에 사용
- <aside> : 주요 내용과 간접적으로 연관되어 있는 내용을 주로 다루며, 보통 사이드바에 사용
※ css 를 통해 웹페이지 오른쪽에 광고 등이 나타나도록 사이드로 많이 보냄
- <main> : 나타내고 싶은 주요 콘텐츠를 사용, 오직 한 개만!
- <article> : 독립적으로 사용하여, 배포가 가능. 여러 개 사용할 수 있음 (블로그, 게시판의 게시물 또는 댓글 등)
- <section> : <article> 안에 사용은 가능하지만, 독립적으로 사용이 불가능하여, <section>만 배포하는 것은 좋지 x
'프론트엔드 > HTML' 카테고리의 다른 글
| HTML 메타데이터 정리 (1) (0) | 2022.12.11 |
|---|---|
| HTML 폼 기본 문법 정리 (2) (0) | 2022.12.10 |
| HTML 폼 기본 문법 정리 (1) (0) | 2022.12.09 |
| HTML 태그 기본 문법 정리 (1) (1) | 2022.12.07 |
| HTML 공부할 때, 참고하기 좋은 사이트 (0) | 2022.12.06 |