시멘틱 마크업(semantic markup)
시멘틱의 사전적 뜻은 '의미론적'정도로 해석할 수 있는데,
이것은 마크업을 할때 의미에 부합하는 태그를 사용하라는 뜻입니다.
HTML문서들은 시각적인 방법으로 정보를 전달하지만 모든 사람이 정보를 동일하게 받아들이지는 못합니다.
시각장애인의 경우 HTML문서의 콘텐츠 정보를 음성으로 전달해 주어야 하는데 이런 경우 전달하려는 태그의 의미가 적절해야 합니다.
<!DOCTYLE html>
<html lang="ko">
<head>
<meta charset="UTF="8">
<title>시멘틱 마크업</title>
</head>
<body>
반응형웹
</body>
</html>
만약 반응형웹이 HTML문서에서 제목으로 사용된다고 가장할 경우 마크업을 하면 스크린 리더에서는 반응형웹이라고 읽어주기 때문에 그것이 제목인지 알 수가 없습니다. 그래서 제목을 의미하는 태그 <h1>반응형웹</h1>로 바꾸어 마크업해야 합니다