HTML semantic tag_ 시맨틱태그 : 웹 문서 구조 만들기

HTML semantic tag _ 시맨틱태그 

HTML : 웹 문서 구조 만들기

- 시맨틱 태그란? 웹 문서 구조에서 의미가 있는 태그를 말함!

 

왜 시맨틱 태그를 사용해여할까요?

1). SEO(search engine optimization) : 검색엔진최적화 때문에
⇢ 시맨틱 태그는 로봇이 웹 문서를 읽을 때 도움이 되며, 검색어에 맞게 웹사이트를 노출시켜준다.
✓ 검색엔진에서 노출이 잘 되어야하는 사이트의 경우, 시맨틱 태그를 잘 써주면 좋아요!

2). 웹 접근성  : 스크린 리더의 활용에 좋기 때문에
⇢ 장애인분들이나 노인분들이 웹 사이트를 이용할 때 사용하는 화면 낭독기와 같은 보조 기기에서 웹 사이트를
더 정확하게 이해해 내용을 잘 전달 할 수 있습니다.

3). 유지보수와 높은 가독성 : 영역이 어떤 의미를 가진지 쉽게 알아 볼 수 있기 때문에
⇢ 코드가 점점 길어지고 복잡해질 수록 시맨틱태그를 잘 사용하면 해당 영역의 의미를 빠르게 파악하기 쉬워
코드를 수정할 때도 쉽고 읽기에도 편합니다.

 

 🟠 html 시맨틱 태그를 알아볼까요? 🟠

ㄴ 이미지를 보면 이해가 더 쉬울 꺼예요! 😀

 

 

 

[ 웹 문서 구조를 만드는 주요 시맨틱 태그]

[ 실행시 화면 ]

 

(↓↓↓인하기!🤩↓↓↓)