HTML <abbr> 태그

정의와 사용법

<abbr> 단축어나 약자를 정의하며, 예를 들어 'HTML', 'CSS', 'Mr.', 'Dr.', 'ASAP', 'ATM'와 같습니다.

단축어를 표시함으로써, 브라우저, 스피닝 체크 및 검색 엔진에 유용한 정보를 제공할 수 있습니다.

<abbr> 태그는 원래 HTML 4.0에서 도입되어, 포함된 텍스트가 더 긴 단어나 문구의 약자 형태라는 것을 나타냅니다.

추천：요소에 마우스를 올리면 전역 title 속성단축어 단어나 약자의 설명을 표시할 수 있습니다。

추가로 참조하세요：

HTML DOM 참조 매뉴얼：단축어 객체

예시

예제 1

이렇게 표시됩니다：

<abbr title="World Health Organization">WHO</abbr>는 1948년에 설립되었습니다.

직접 시험해 보세요

예제 2

<abbr>는 <dfn>와 함께 사용하여 약자를 정의할 수도 있습니다:
<p>
<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>
HTML 문서 스타일을 설명하는 언어입니다.
</p>

직접 시험해 보세요

전체 속성

<abbr> 태그는 또한 HTML에서의 전체 속성.

이벤트 속성을 지원합니다

<abbr> 태그는 또한 HTML에서의 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음 기본값으로 표시합니다 <abbr> 요소:

abbr {
  display: inline;
}

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원