Web Basic/HTML5
[HTML5] <abbr>태그 사용 방법
hoony_
2019. 12. 5. 20:37
반응형
<abbr>태그는 다음과 같은 형태로 사용합니다.
|
<!--코드 1.1-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
영수가 재미없는 개그를 해서 <abbr title="갑자기 분위기 싸해진다">갑분싸</abbr>
</body>
</html>
Colored by Color Scripter
|
<abbr>태그
1. abbr은 abbreviation(약어)이라는 단어의 앞 부분을 사용한 단어입니다. 약어란 WWW(World Wide Web), HTML(HyperText Markup Language), DEC(December)와 같이 줄여서 사용하는 것을 말합니다. 한글로는 갑분싸, 아아(아이스 아메리카노) 등이 있죠?
2. 마우스 커서가 <abbr>태그를 설정한 곳(dot형식으로 밑줄)에 올려두면 약어에 대한 설명이 툴팁 형태로 나타납니다.
3. title 속성을 사용해서 약어에 대한 설명을 작성할 수 있습니다. ex) title="설명"
다음 코드는 WWW, HTML, DEC의 약어를 설명하는 코드입니다.
|
<!--코드 1.2-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p><abbr title="World Wide Web">WWW</abbr></p>
<p><abbr title="Hypertext Markup Language">HTML</abbr></p>
<p><abbr title="December">DEC</abbr></p>
</body>
</html>
Colored by Color Scripter
|
반응형