Grouping Content란? <div> 만 쓰는거 금지..!

✍Grouping Content

:  무엇인가를 감쌀 때(그룹화 할 때) 사용하는 태그의 명칭

 

이미지 출처: 제주코딩베이스캠프

 

HTML 구조를 처음에 짤 때는 무조건 그룹핑할때는 <div>! 라는 생각으로 <div> 범벅을 시켜놨었다.

하지만 배울수록 이건 잘못되었다는걸 알았다.. (처음에 만든 코드들 보면,, 한숨만)

 

Sementic Tags를 지킨다고 생각하면 될 것 같다.

쉽게 이야기하자면, 수십 수백 줄이 되는 코드를 보면서 어느 부분이 네비게이터인지 어느 부분이 본문인지 한 눈에 이해할 수 있게 해준 방법이라 생각한다. 

 

 

🔎 Semantic Tags란?

: '의미가 있는 태그'라는 뜻이다. 즉, HTML tag들 중에서도 나름의 의미가 있는 태그들이다. 

(자세한 내용은 아래 링크에서 확인할 수 있다.)

https://www.w3schools.com/html/html5_semantic_elements.asp

 

결국엔 무조건 지켜야한다. <div> 범벅 금지!