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>