HTML5 - abbr, acronym

□ abbr

특정 텍스트의 생략어를 지정.

예시

 abbrev 

 

설명
사파리에서 abbrev 태그는 fullstring 의 생략어로 지정할 때 사용합니다.
이 태그 위에 마우스를 올려놓으면 툴팁 형태로 확인할 수 있습니다.

이 태그는 스크린 리더와 같은 기본 HTML 코드를 읽는 응용 프로그램에 유용합니다.

 

□ acronym

지정 문자열의 생략어 방식

예시

 acro 

설명
사파리에서 acro라는 단어로 보여지며 마우스를 그 위에 두면 fullstring이 툴팁 형태로

보여집니다.
이 태그는 스크린 리더와 같이 기본 HTML 코드를 사용하는 페이지를 읽는 응용 프로그램을 사용할

때 유용합니다.

참고)
* abbr과의 차이점은 abbr은 'WWW', 'IT'처럼 한 문자씩 발음되는 약어를 지정할 때,

acronym은 'NATO', 'SOHO'처럼 한 단어로 발음되는 약어를 지정할 때 사용합니다

 

□ abbr 요소와 acroym 요소의 읽는 방법 지정

브라우져가 speak 속성에 대응할 수 있다는 전제 아래 css2의 speak 속성을 이용하여 읽는 방법을 지정할 수 있습니다.

한 문자씩 발음하는 경우에는 -> abbr {speak:spell-out;}

한 단어로 발음하는 경우에는   -> acroym{speak:normal;}