웹 페이지의 각 요소가 가진 본연의 의미를 살리기 위해 HTML5 시맨틱 태그를 전면적으로 도입하고 그 효과를 정리했다.
단순히 화면에 보여지는 레이아웃을 잡는 수준을 넘어 검색 엔진과 보조 공학 기기가 문서의 내용을 정확히 해석할 수 있는 구조를 만드는 데 집중했다.
의미 없는 div 태그의 남발을 막고 header, main, section, article 같은 의미론적 요소를 적재적소에 배치해 문서의 가독성을 높였다.
이러한 마크업 방식이 검색 엔진 최적화 점수를 높이고 시각 장애인을 위한 스크린 리더 환경에서 정보 전달력을 획기적으로 개선한다는 사실을 직접 확인했다.
코드 자체가 문서의 설계도 역할을 수행하게 되면서 협업 과정에서 다른 개발자들과 의도를 공유하기가 훨씬 수월해졌다.
마크업의 핵심은 시각적 표현이 아니라 정보의 구조화에 있다는 본질적인 가치를 깨달았다.
의미가 살아있는 코드를 작성하는 습관이 웹의 품질을 결정짓는 가장 중요한 기초 공사임을 이해했다.
투명하고 논리적인 웹 생태계를 구축하기 위해 시맨틱 웹의 원칙을 철저히 준수하며 작업을 수행했다.
정교한 설계가 결국 사용자에게 더 나은 정보 접근성을 제공한다는 확신을 얻었다.
