일부의 텍스트를 생략어(abbreviated form)로 정의하는데는 'abbr' 요소를, 두문자어(acronym)로 정의하는데는 'acronym' 요소를 사용합니다.
abbr요소는 'WWW', 'URL', 'HTML', 'IT'등 한 문자씩 발음하는 단어를 acronym 요소는 'NATO', 'UNESCO', 'SOHO'등 한 단어로 발음하는 단어를 정의하는 점이 다릅니다.
양쪽모두 인라인 요소이며, 인라인 요소와 텍스트를 포함합니다.
abbr요소, acronym요소 모두 title 속성으로 전체 철자 지정이 HTML4.01에서 요구되며 WCAG 1.0 에서도 "우선도3"으로 지정되어 있습니다.
<p>최근 <abbr title="Information Technology">IT</abbr>의 진보에 의해 지금까지 '잠재적 노동력'이었던 주부 등이 <acronym title="Small Office/Home Office">SOHO</acronym>의 형태로 재택근무를 하는 것이 가능해졌다.</p>
또 그 단어가 생략어(abbr)에 해당하는지 두문자어(acronym)에 해당하는지 판단할 수 없을때에는 'abbr'요소로 정의해 두는게 더 좋다고 합니다.'acronym'요소로 정의하면 음성브라우저에서 한개의 단어로 인식하여 발음 하므로 굉장히 일반적인 두문자어가 아닌 경우 사용자가 이해하기 힘들 가능성이 있기 때문입니다.
abbr요소와 acronym요소의 읽는 방법 지정
abbr요소와 acronym요소의 읽는 방법 지정은 HTML과 XHTML에서는 존재하지 않지만 css2의 '음성스타일시트(Aural Cascading style sheet:ACSS)의 한 종류인 'speak' 속성으로 지정할 수 있습니다.
abbr요소를 한문자씩 acronym요소를 한개의 단어로 발음하게 지시하려면 다음과 같이 지정합니다.
(다만 브라우저가 speak속성에 대응하는것이 전재입니다.)
abbr {speak:spell-out;} /*한 문자씩 발음*/
acronym {speak:normal;} /*한 단어로 발음*/
[출처] abbr요소, acronym요소 (웹표준 스터디)
'# Work > HTML/CSS' 카테고리의 다른 글
filter:alpha 반투명 효과주기 (0) | 2011.04.26 |
---|---|
min-height ie6 에서 핵 없이 사용하기 (0) | 2011.03.29 |
마진 통합현상(collapsing margin)이란? (0) | 2011.03.24 |
Float를 Clear하는4가지 방법 (0) | 2011.03.17 |
파비콘 적용시키기. (0) | 2011.02.27 |