[4/6] 시멘틱 태그의 필요성

Semantic HTML의 필요성을 예시를 들어 설명해주세요.

• Semantic Web의 목적: 각종 정보들에 의미(메타데이터)를 부여. Semantic tag가 필요.
  • 메타데이터의 부족 ⇒ 기계에게 의미전달이 제대로 되지 않음
  • SEO 향상
    • <p> << <h1>
  • 웹 접근성 향상
    • 스크린 리더: HTML 문서를 읽어내려가며 각 요소의 내용을 음성으로 알려주는 장치
    • 리스트 - <span> 대신 <ul> <li> 태그 사용
    • alt, aria-label, aria-hidden

  참고 블로그