[HTML] abbr 요소 by MDN

직무관련 테스트를 보다가 모르는 부분이 나와서 찾아보았습니다.

HTML 요소 중 abbr, 자주가는 MDN 사이트를 찾아서 설명을 읽었는데 그간 읽어왔던 번역과는 다르게 엄청 자연스러운 한글로 작성되어 있습니다. 문서의 내용도 알차게 작성되어 있어 이 문서 한 페이지만으로도 abbr요소는 명확하게 알 수 있을 것 같습니다.

<abbr> 요소에 대해서만은 이 문서 참조는 추천하고 싶습니다.

---

데모

<p>You can use 
	<abbr title="Cascading Style Sheets">CSS</abbr>
    to style your <abbr title="HyperText Markup Language">HTML</abbr>.
</p>

 

의미

준말 또는 머리글자를 나타냅니다.

 

특성

title 속성은 <abbr> 요소에서만 특정한 의미를 가지며, title 속성을 통해 전체 뜻이나 설명을 제공합니다.

title은 준말에 대한 설명 혹은 확장 형태를 사람이 읽을 수 있는 형태의 값으로 가져야 합니다. 브라우저는 title의 값을 툴팁 형태로 보여줍니다.

 

사용법

• 사용한 준말과 머리글자를 문서 콘텐츠 플로우 밖에서 풀어서 설명하고 싶으면 적절한 title 특성을 지정한 <abbr> 요소를 사용하세요.
• 독자에게 익숙하지 않을 수 있는 준말을 사용할 경우 <abbr>과 함께 title 특성이나 인라인 텍스트로 단어에 대한 정의를 제공하세요.
• 준말임을 명시적으로 나타내야 할 경우 <abbr> 요소가 유용합니다. 이를 응용하면 스타일링이나 스크립트 적용에도 사용할 수 있습니다.
• <abbr>을 <dfn>과 같이 사용하면 준말이나 머리글자를 그 정의와 연결할 수 있습니다. 아래의 준말 정의하기을 참고하세요.

 

참조

https://developer.mozilla.org/ko/docs/Web/HTML/Element/abbr