HTML 문서에 약어를 포함하려면 <acronym> 태그를 사용합니다. 이 태그는 HTML이나 WWW처럼 단어의 첫 글자들을 조합해 만든 축약어를 나타낼 때 활용되며, title 속성과 함께 사용하면 마우스 커서를 올렸을 때 해당 약어의 전체 의미를 툴팁 형태로 보여줄 수 있습니다.
아래 예제 코드를 직접 실행해 보면서 <acronym> 태그가 어떻게 동작하는지 확인해 보세요.
예제
<!DOCTYPE html>
<html>
<head>
<title>HTML acronym 태그</title>
</head>
<body>
<p><acronym title = "Hypertext Markup Language">HTML</acronym></p>
</body>
</html>참고: HTML5에서는 <abbr> 태그 사용 권장
<acronym> 태그는 HTML5 표준에서 공식적으로 지원 중단(deprecated)된 요소입니다. 따라서 최신 웹 페이지를 작성할 때는 동일한 기능을 제공하는 <abbr> 태그를 사용하는 것이 좋습니다. 브라우저 호환성과 웹 표준 준수 측면에서 <abbr>가 권장됩니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML abbr 태그 예제</title>
</head>
<body>
<p><abbr title="Hypertext Markup Language">HTML</abbr></p>
</body>
</html>두 태그 모두 title 속성에 약어의 원래 의미를 담으면, 사용자가 해당 텍스트 위에 마우스를 올릴 때 점선 밑줄과 함께 툴팁이 표시되어 접근성과 가독성을 높일 수 있습니다.