What is Semactic Elements?
*의미론적(Semactic)
element는 브라우저와 개발자에게 모두 그 의미를 명확히 전달하는 요소입니다.*
- Semactic 하지 않은 요소의 예시 :
<div>
와 <span>
내용에 대해 아무런 정보를 제공하지 않습니다.
- Semantic 요소의 예시 :
<form>
, <table>
그리고 <article>
내용을 명확히 정의합니다.
Semactic Elements in HTML
HTML에서는 웹 페이지의 다른 부분을 정의하기 위해 사용할 수 있는 몇 가지 Semactic 요소가 있습니다.

<article>
- Article
- 독립적이고 자체 포함된 콘텐츠를 정의합니다. 즉, 문서내에서 그룹화해서 분리하는 역할을 한다.
<aside>
- Aside
- 페이지 콘텐츠 외부의 콘텐츠를 정의합니다. 즉, 섹션을 나누는 태그이지만, 사이드 메뉴바, 사이드 검색바 등 부가적인 섹션에 사용.
<details>
- Details
- 사용자가 볼 수 있거나 숨길 수 있는 추가적인 세부 정보를 정의합니다.
<figcaption>