오늘은 태그 하나만 알아보죠..
오늘 소개드릴 태그는 <abbr> 태그 입니다. 사용법은 다른 태그와 마찬가지로 약어로 표현하고자 하는 문구를 열림 태그와 닫힘 태그로 감싸는 것입니다.
abbr 태그는 약어임을 알리는 태그로 웹 봇들이 abbr 태그를 만나면 약어임을 인지할 수 있습니다. abbr 태그의 유용한 부분 중 하나는 그 속성값의 활용에 있습니다. title 속성을 사용하면 해당 약어의 원문을 알 수 있도록 보조창이 살짝 뜹니다.
<abbr title="전체 문장"> 이런 방식으로 사용합니다.
그럼 아래와 같이 축약어를 봇이 인식하게끔 할 수 있으며 이와 더불어 커서를 올리면 원래의 단어가 그대로 노출됩니다.
abbr 태그의 또다른 기능은 머리글자의 기능입니다.
HTML4 에서는 머리글자에 다른 태그(acronym 태그)를 구분해 사용했지만 HTML5로 오면서 이것이 통합되어 abbr 태그로 단일화 되었습니다. 이제, 머리글자 또는 축약어로서 abbr 태그를 사용하시면 되겠습니다.
