[HTML]시맨틱 태그

시맨틱 태그란?

1. SEO(Search Engine Optimazation)
2. Accessability
3. Maintainability
   이 세 가지를 위해서 사용되는, 의미를 가진 태그

예시

웹을 만들 때 위와 같이 <div> 태그를 남발하는 것은 좋지 않다.

[적절한 시맨틱 태그 사용 예시]

태그

• <section> : 서로 연관있는 것끼리 묶어주는 용도
• <article> : 하나의 독립적인 개체를 만들 때 사용
• <em>, <i> : emphasize 강조+이탤릭, italic 이탤릭
• <strong>, <b> : strong 강조+볼드, bold 볼드
• <ul>, <ol> : unordered list, ordered list
• <dl>, <dt>, <dd> : description list, term, detail
• <button>, <a> : button for action, a for link

source: 드림코딩, https://www.youtube.com/watch?v=T7h8O7dpJIg