시맨틱 마크업

    의미있는 마크업이란 무엇일까?

    , 과 같은 요소는 특정한 의미를 나타내지 않는다. MDN은 을 다음과 같이 기술한다. HTML 요소는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 또한 마찬가지로 통용 컨테이너로서 별다른 의미를 갖고 있지 않다. 이러한 태그들은 목적 또는 의도에 국한되지 않고 사용하기 편리하다는 장점이 있다. 하지만 코딩을 배우다 보면 의미있는 마크업을 해야 한다는 말을 자주 들었을 것이다. 왜 그럴까? 예를 들어, 은 '최상위 제목'이라는 의미가 담긴 태그 요소이다. 대신에 을 사용한다면 그 요소가 어떤 목적을 갖고 있는지 파악하기 어려울 것이다. 또는 페이지의 ..