페이지 내에 링크로 둘러싸인 이미지 목록이 있다고 가정 해 보겠습니다. 따라서 이미지를 클릭하면 더 큰 이미지를 표시하는 페이지로 연결됩니다.이미지 제목 속성 또는 링크 제목 속성 또는 둘 다?
여기서 제목 태그를 어떻게 처리해야합니까?
이미지 제목과 이미지 또는 이미지 둘 모두에 이미지 제목을 넣을 수 있습니까? 제목이 "alt"속성과 동일한 지 여부는 중요합니까?
<a title="image description" href="#"><img title="image description" alt="image description" src="image.jpg"></a>
이미지 제목 속성은 이미지를 설명해야합니다.
링크 제목 속성은 링크 대상을 설명해야합니다.
<a title="view larger version" href="#">
<img title="image description" alt="image description" src="image.jpg">
</a>
HTML5는 alt 사용에 대한 가이드 라인을 정의합니다. 함께 전달하는 하이퍼 링크 또는 button 요소 인 a 요소가 어떤 텍스트 내용이 없습니다하지만 하나 개 이상의 이미지가 포함
가
alt속성 (들)의 텍스트를 포함 : 섹션 "A link or button containing nothing but an image"을 참조하십시오 링크 또는 버튼의 목적
따라서 alt 속성 콘텐츠에는 '더 큰 버전 열기 ...'와 같은 내용이 포함될 수 있습니다.
alt 및 title의 콘텐츠 (: HTML5, this section got changed의 W3C 권고안에서, 그것은 더 이상 인용 것을 포함 업데이트.) 다음 general guidelines (from the W3C Candidate Recommendation of HTML5)를 참조하지
이에 대한 추론은
alt속성의 값이 될 수있는 텍스트를 포함하지해야한다는 것입니다 이미지의 자막, 제목 또는 범례로 간주됩니다. 이미지 대신 사용자가 사용할 수있는 대체 텍스트를 포함해야합니다. 그것은 이미지를 보완하기위한 것이 아닙니다. 보충 정보로는title속성을 사용할 수 있습니다.
실제로 마우스로 가리키면 이미지 제목이 우선하는 것으로 보입니다. macOS에서 Safari, Chrome 및 Firefox로 테스트했습니다. img 제목이 제거되면 링크 제목이 호버에 표시됩니다. – phocks