안녕하세요! 씨즈입니다:)
오늘은 HTML 시맨틱 태그에 대해서 알아보겠습니다.
semantic tag에서 시맨틱은 의미있는 의미론적인이라는 뜻입니다.
그래서 시맨틱 태그란 의미있는 태그란 말입니다.
HTML(Hyper Text Markup Language)은 웹의 구조를 표현합니다.
웹 사이트의 뼈대를 구성하고 레이아웃을 구성합니다.
여기서 semantic tag 사용하면 어떤 웹 사이트가 될까요?
더욱 의미있는 웹 사이트가 될 것입니다.
그래서 HTML 시맨틱 태그를 사용하여 의미있는 웹 사이트의 구조를 만들었습니다.
뭐가 좋을까요?
>좋은점
1. 검색 엔진(SEO)은 시맨틱 태그를 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주합니다.
2. 시각 장애가 있는 사용자가 화면 판독기로 페이지를 탐색할 때 시맨틱 태그를 푯말로 사용할 수 있습니다.
3. 의미없고 클래스 이름이 붙여져있거나 그렇지 않은 끊임없는 div 들을 탐색하는 것보다, 의미있는 코드 블록을 찾는 것이 훨씬 쉽습니다.
4. 개발자에게 태그 안에 채워질 데이터 유형을 제안합니다.
>주요 시맨틱 태그
<header>
<nav>
<main>
<section>
<article>
<aside>
<footer>이제 시맨틱 태그를 알았으니!
오늘부터는 시맨틱 태그를 사용하여 더욱 의미있는 웹사이트 구조를 만들어봅시다.
그럼 다들 화이팅:)
Today I Leaned
제 글이 조금이라도 도움이 되었으면 좋겠습니다.
읽어주셔서 감사합니다.
Seize the day!
Seize the day