i, em, cite 태그

HTML

i, em, cite 태그

엔지디 2022. 3. 2. 15:05

i 태그와 em 태그

태그는 학명, 과학적인 이름, 기술용어, 외국어 단어, 외국어 구절, 등장 인물의 생각 등을 나타낼 때 쓰이며 기울임체로 표시된다.

<cite> 태그는 음악, 그림, 책, TV 쇼, 영화, 책 등의 작품의 제목을 나타낼 때 사용하는 태그입니다.

태그는 주변 텍스트에 비해 특히 강조된 부분을 기울임체로 표시한다. 또한 태그는 주로 명시적이거나 암시적인 대조를 표현할 때 사용한다.

태그와 태그의 가장 큰 차이점은 웹스크린리더가 해당 태그 문장을 읽을 시 음성적으로 강조를 하는 점이다. 태그로 작성된 부분은 음성적으로 강조된다. 태그는 웹스크린리더에서 강조되지 않는다. ,

단순히 기울임체로 글씨를 쓰고 싶으면 CSS 의 “font-style:italic”을 사용하도록 한다.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<style>
.it{
font-style:italic;
}
</style>
<title>font-italic</title>
</head>
<body>
IoT는 사물 인터넷으로서 ... 
You have to study ... 
<cite>애국가</cite> 
동해물과 백두산이 마르고 닳도록 
</body>
</html>

저작자표시