100점 과제물 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오. - 시맨틱 태그 사용 - 원 페이지, 2단 혹은 3단 구조 중에..

1. 서론

서론

21세기 현대사회의 디지털화는 정보의 신속한 전달과 효율적 자료 조직을 가능하게 하였다. 이러한 변화 속에서 웹 페이지의 구조는 사용자에게 직관적이고 명확한 정보를 제공하는 데 핵심적인 역할을 수행한다. 특히 시맨틱 태그는HTML5에서 도입되어 페이지의 의미를 명확히 전달하는 데 중요한 역할을 하며, 검색 엔진 최적화(SEO)와 접근성 향상에 큰 기여를 한다. 전통적인 div 태그를 남용하는 방식은 유지보수와 협업에 있어서 비효율적이었으며, 이는 2014년부터 시작된 HTML5 표준 도입 이후 점차 개선되고 있다. 통계자료에 따르면, 2022년 기준 전 세계 인터넷 사용자 중 94%는 모바일 기기를 통해 웹에 접속하며, 이에 따라 반응형 디자인이 표준이 되었다. 이와 함께 의미 전달이 명확한 시맨틱 태그의 사용은 사용자 경험을 향상시키고, 검색 엔진의 크롤링 효율성을 높여 사이트의 검색 순위 상승에 긍정적인 영향을 미친다. 또한, 장애인 접근성 또한 점차 중요시되고 있는데, WCAG(웹 콘텐츠 접근성 가이드라인)에 따르면, 의미 있는 태그 사용은 스크린 리더기와 같은 보조공학기기의 이해도를 높여 시각 장애인 등 다양한 사용자들이 …