드림코딩 엘리님이 말하는 "시멘틱 마크업" 정리와 HTML 요소 참고서

HTML 요소 참고서 https://developer.mozilla.org/ko/docs/Web/HTML/Element 시멘틱 마크업이란? div, section, article, h2 등 수많은 태그들을 문서 내용에 맞게 선택해서 사용하는 것을 시멘틱 마크업이라 합니다. 시멘틱 마크업을 해야 하는 이유? 1. SEO - 검색엔진 최적화에 유리 2. 웹접근성 - 시각장애인들도 웹을 편리하게 접할 수있도록 도와줌 3. 유지보수 - 정리된 마크업은 코드 식별이 용이함 시멘틱 마크업을 할때 애매한 태그 <article> vs <section> <section> : div 대신에 정보글을 묶어줄 때 사용 <article> : body안에서 자제척으로 독립적으로 보여줘도 문제가 없는 완성된 정보를 묶어줄 때 사용..........

원문링크 : 드림코딩 엘리님이 말하는 "시멘틱 마크업" 정리와 HTML 요소 참고서