안녕하세요.
오늘은 html의 P태그,i태그, b태그, strong태그에 대해 얘기를 해보려 합니다.
p태그는 페이지 단락을 뜻하며
그 외에도 h1 부터 h5까지 태그들이 있죠.
b태그나 string태그
i태그와 em태그들은 비슷합니다.
보이는 것도 똑같죠.
하지만 이들은 가장 큰 차이가 있습니다.
바로 시각적으로면 강조하는가?
아니면 문법적으로 강조를 하는가?
차이입니다
이말이 무슨 말이냐면
b태그나 i태그는
시각적으로만 강조를 합니다.
시각장애인용 스크린리더를 사용하면 강조가 안됩니다.
strong 태그나 em태그는
시각적 강조 뿐만 아니라, 문법적 강조도 합니다.
시각장애인용 스크린 리더를 사용했을 경우, 강조가 됩니다.
<!DOCTYPE html>
<htmlh lang="ko">
<head>
<meta charset="utf-8"/>
<title>h태그</title>
</head>
<body>
<h1>Welcome HTML/css</h1>
<p>시각적 강조와 의미론적 강조<br>
단순한 <b>시각적 강조는</b>b태그 혹은 <i>i태그를 사용합니다</i><br>
그게 아닌 <strong>의미있게 강조를 하고 싶다면</strong> strong태그나 <em>em태그를 사용합니다</em></p>
</body>
</html>
매우 큰 차이점이죠.
'HTML_CSS' 카테고리의 다른 글
| Bootstrap (1) _소개 및 설치 (0) | 2020.05.30 |
|---|---|
| HTML- img 태그 (0) | 2020.05.02 |
| HTML- link태그 (0) | 2020.05.02 |
| HTML - list 출력 (0) | 2020.05.02 |
| HTML 기본 구조 (0) | 2020.05.02 |