HTML 태그에 title 속성을 함께 사용하는 이유는?

약어나 두문자어의 전체 풀이를 마우스 오버 시 툴팁으로 보여주고 접근성을 높인다 HTML 처럼 사용하면, 약어 위에 마우스를 올렸을 때 전체 의미가 툴팁으로 표시됩니다. 스크린 리더도 title 값을 읽어주어 접근성이 향상되며, 검색 엔진 최적화에도 도움이 됩니다.

HTML <abbr> 태그에 title 속성을 함께 사용하는 이유는?

쉬움 MDN Web Docs

보기 및 정답

A 약어나 두문자어의 전체 풀이를 마우스 오버 시 툴팁으로 보여주고 접근성을 높인다

B 텍스트의 글꼴 크기를 변경하여 약어를 다른 텍스트와 시각적으로 명확하게 구분하는 것이다

C 약어를 자동으로 여러 언어로 번역하여 다국어 웹사이트에서 활용한다

D 약어를 클릭 가능한 링크로 변환하여 관련 페이지로 이동하게 만든다

<abbr title="HyperText Markup Language">HTML</abbr>처럼 사용하면, 약어 위에 마우스를 올렸을 때 전체 의미가 툴팁으로 표시됩니다. 스크린 리더도 title 값을 읽어주어 접근성이 향상되며, 검색 엔진 최적화에도 도움이 됩니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.