[HTML&CSS] 단어의 정의, 약어, 작품의 제목 표현 // <dfn>, <abbr>, <cite>


| <dfn>
마우스를 해당 텍스트에 올려 놓았을 때(hovering) 표시되는 텍스트를 표시.

<dfn title="[DESCRIPTION]"> : hovering 했을 때 [DESCRIPTION] 문자열이 뜸

<dfn title="To describe the web title.">HTML</dfn>


| <abbr>

축약된 텍스트라는 것을 나타낼 때 쓰는 태그

<abbr title="[DESCRIPTION]"> : hovering 했을 때 [DESCRIPTION] 문자열이 뜸

<abbr title="WWWW">W3C</abbr>


| <cite>

영화 제목, 음악 제목 등 작품의 제목을 표현할 때 쓰는 태그

<cite>시차 (We Are)</cite>


| HTML 코드


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>dfn, abbr, cite</title>
</head>
<body>
<p><dfn title="To describe the web title.">HTML</dfn></p>
<p>월드 와이드 웹 컨소시엄<abbr title="WWWW">W3C</abbr></p>
<p>시차 (we are) (feat. 로꼬 & GRAY) 우원재</p>
<p><cite>시차 (We Are)</cite> 우원재</p>
<p>값 : 50,000 <small>(부가세별도)</small></p>
</body>
</html>


| 결과


HTML

월드 와이드 웹 컨소시엄W3C

시차 (we are) (feat. 로꼬 & GRAY) 우원재

시차 (We Are) 우원재

값 : 50,000 (부가세별도)

이 글을 공유하기

댓글(0)

Designed by JB FACTORY