HTML5_시멘틱태그 & 웹표준

jjyu_my·2024년 1월 26일

HTML & CSS

목록 보기
9/19
post-thumbnail

📌시멘틱태그와 웹표준을 왜 사용하고 지켜야할까??!!


1️⃣ 시멘틱태그 (Semantic Tags)

  • 의미 전달: 시멘틱 태그는 그 자체로 의미를 갖기 때문에 문서의 구조를 명확하게 전달할 수 있습니다.

  • 검색 엔진 최적화(SEO): 시멘틱 태그를 사용하면 검색 엔진이 문서의 의도를 더 잘 이해하고 색인화할 수 있습니다.

  • 접근성 향상: 시각 장애를 가진 사용자나 다양한 디바이스를 사용하는 사용자에게 더 나은 접근성을 제공합니다.

  • 코드 가독성 및 유지보수: 시멘틱 태그를 사용하면 코드가 읽기 쉽고 유지보수가 용이해집니다. 각 요소가 의미적으로 명확하기 때문에 코드의 이해가 쉬워집니다.

2️⃣ 웹표준 (Web Standards)

  • 다양한 브라우저 호환성: 웹 표준을 준수하면 여러 브라우저에서 웹페이지가 일관되게 표현되어 사용자 경험이 향상됩니다.

  • 유지보수 용이성: 웹 표준을 지키면 코드의 일관성이 유지되어 개발자들이 협업하고 웹페이지를 효과적으로 유지보수할 수 있습니다.

  • 향상된 검색 엔진 최적화(SEO): 웹 표준을 준수하면 검색 엔진이 웹페이지의 의도를 더 잘 이해하고 색인화할 수 있어 검색 결과에 노출될 가능성이 높아집니다.

  • 다양한 디바이스 호환성: 웹 표준을 지키면 다양한 디바이스에서 웹페이지가 일관되게 동작하여 모바일이나 태블릿과 같은 다양한 환경에서도 효과적으로 사용됩니다.


💡요약

웹 표준을 지키면 브라우저 호환성, 유지보수 용이성, SEO 등 다양한 측면에서 이점을 얻을수 있으며,
시멘틱 태그를 사용하면 문서의 의미를 명확히 전달하고, 검색 엔진 최적화와 접근성을 향상시키며 코드의 가독성과 유지보수성을 향상시킵니다.


profile

0개의 댓글