HTML의 <acronym> 태그는 웹 페이지에서 약어(두문자어)를 정의할 때 사용되는 요소입니다. 이 태그로 감싼 약어에 마우스 커서를 올리면 title 속성에 지정된 전체 의미가 툴팁 형태로 표시되어, 독자에게 추가 정보를 제공할 수 있습니다.
<acronym> 태그 사용 시 주의사항
중요: HTML5부터는 <acronym> 태그를 더 이상 공식적으로 지원하지 않습니다. 따라서 최신 웹 표준을 준수하려면 동일한 기능을 하는 <abbr> 태그를 사용하는 것이 좋습니다.
약어의 대표적인 예시
- B2B: 기업 간 거래 (Business to Business)
- B2C: 기업과 소비자 간 거래 (Business to Consumer)
- CMS: 콘텐츠 관리 시스템 (Content Management System)
- PPC: 클릭당 과금 광고 (Pay Per Click)
- ROI: 투자 수익률 (Return On Investment)
- CTA: 행동 유도 문구 (Call To Action)
<acronym> 태그 구현 예제
아래 예제는 <acronym> 태그를 실제로 적용한 코드입니다. title 속성에 전체 용어를 지정하여 마우스를 올렸을 때 설명이 나타나도록 구성했습니다.
<!DOCTYPE html> <html> <body> <h2>Coding Ground</h2> <h3>프로그래밍 언어 및 웹 기술 컴파일러</h3> <nav> <a href="/compile_java_online.php">Java</a> | <a href="/php_terminal_online.php">PHP</a> | <a href="/online_jquery_editor.php">jQuery</a> | <a href="/compile_c_online.php">C</a> | <a href="/compile_cpp_online.php">C++</a> | <a href="/online_angularjs_editor.php">AngularJS</a> </nav> <p>JS 라이브러리용 컴파일러도 제공합니다. <acronym title="JavaScript">JS</acronym></p> </body> </html>
실행 결과
위 코드를 실행하면 네비게이션 링크 목록과 함께 본문이 화면에 출력됩니다.
출력된 화면에서 JS라는 약어 위에 마우스 커서를 올려 보세요. 그러면 title 속성에 설정된 "JavaScript"라는 전체 용어가 툴팁으로 표시되는 것을 확인할 수 있습니다.
HTML5 환경에서의 대체 방법
HTML5 프로젝트에서는 다음과 같이 <abbr> 태그로 동일한 결과를 얻을 수 있습니다.
<p>우리는 <abbr title="JavaScript">JS</abbr> 라이브러리용 컴파일러도 제공합니다.</p>
<abbr> 태그는 현재 모든 주요 브라우저에서 완벽하게 지원되므로, 새로운 웹 페이지 작성 시에는 반드시 이 태그를 사용하는 것이 바람직합니다.