728x90
01. 시멘틱 마크업
시멘틱 사전적 의미는 '의미론적인'이라는 해석, 의미에 부합하는 태그를 사용하라는 뜻
마크업을 해야하는 이유는 모든 사람들이 정보를 동일하게 받아들일 수 있는 환경이 아닐수도 있기
예를들어 시각장애인의 경우 html 문서의 콘텐츠 정보를 음성으로 전달해야하는데 이럴경우 전달을 위한 태그의 의미가 적절해야한다.
{
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>시멘틱 마크업</title>
</head>
<body>
반응형웹
</body>
</html>
}
위와 같이 할시 그저 '반응형웹'이라고만 읽어주기 떄문에 제목인지 알 수가 없다.
{
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>시멘틱 마크업</title>
</head>
<body>
<h1>반응형웹</h1>
</body>
</html>
}
위와 같이 해야만 이 부분을 '반응형웹' 헤딩 일이라고 읽어준다면 이 부분이 제목인지 알 수 있게 됩니다.
728x90
반응형
'HTML' 카테고리의 다른 글
| 벡터/비트맵 (5) | 2022.08.09 |
|---|---|
| W3C 웹 표준에 대하여 알아보자~~~!!! (7) | 2022.08.08 |
| 블록/인라인 요소가 뭘까? (3) | 2022.07.27 |
| 기본 규칙 (5) | 2022.07.26 |
| HTML : 기초 (6) | 2022.07.26 |
댓글