HTML을 ‘잘’ 쓴다는 건 단순히 화면에 보이는 걸 만드는 게 아니다.검색엔진, 보조기기, 개발자, 브라우저가 모두 이해할 수 있는 구조로 작성해야 한다.이번 글에서는 HTML5의 핵심 개념인 시맨틱(Semantic) 태그를 중심으로,의미 기반의 문서 설계 방법을 완벽히 정리해본다.💡 1. 시맨틱 태그란 무엇인가?“시맨틱(semantic)”이란 ‘의미 있는’이라는 뜻이다.HTML5 이전에는 모든 영역이 와 으로만 구분됐다.하지만 이렇게 작성된 페이지는 컴퓨터가 내용을 이해하지 못한다.예를 들어 👇 이건 브라우저에게 “여기가 무엇을 의미하는지” 아무런 정보를 주지 않는다.반면에 👇 이 코드는 구조적 의미를 전달한다.검색엔진, 스크린리더, 크롤러가“이건 페이지의 상단 / 본문 / 하단”임을..