2013-05-05 2 views
3

'제목' 속성을 추가하는 것이 'img' 태그에 의미 관련성이 있는지 알고 싶습니다. 이미 항상 'alt' 속성을 사용하여 W3C 사양을 다시 지정합니다.
'예'인 경우 'title'속성의 내용이 'alt'속성과 다를 필요가 있습니까?'title'속성은 <img> 태그와 관련이 있습니까?

+0

http://stackoverflow.com/questions/24517484/html-title-attribute-any-limitation-on-which-tag-to-apply-it-on –

답변

5

title 속성은 의미와 관련하여 즉 의미로 사용할 수 있습니다. 따라서, 그것은 권고 제목으로 정의되며, 브라우저는 사용자가 선택적으로 사용할 수있는 가치를 창출 할 수 있습니다. 마우스 오버시 툴팁이나 음성 브라우저로 말한 큐로 사용할 수 있습니다. 이것은 많은 목적, 의미 론적 또는 기타 용도로 사용될 수 있음을 의미합니다. 이미지의 의미를 설명하거나 저자 정보를 제공할지 여부는 사용자가 결정할 수 있습니다. 예 : 이미지의 이름을 표시하기 만하면됩니다 (이름은 의미를 설명 할 수도 있고 나타내지 않을 수도 있음).

검색 엔진은 title 텍스트를 이미지와 관련있는 것으로 취급하여 해당 텍스트에 나타나는 단어가 사용될 때 페이지를 이미지 검색에 표시 할 수 있습니다. 이러한 처리의 세부 사항은 공개되지 않았으며 검색 엔진마다 다를 수 있습니다.

title 속성의 값이 alt 속성의 값과 같아서는 안되는 이유는 없습니다. 그들은 서로 다른 목적을 가지고 있지만 때로는 같은 텍스트가 둘 다 제공 될 수 있습니다. 예를 들어, 이미지에 사람의 서명이 포함되어있는 경우 alt 속성은 서명에 이름 만 포함해야하고 title 속성에는 동일한 이미지가 포함될 수 있습니다 (예 : 이미지를 볼 수 있지만 쉽게 읽을 수는없는 사용자를 위해) , 또는 더 설명 될 수있다. title="Joe Q. Public (signature)".

+0

답변을 잘 주셔서 감사합니다! – Sarcadass

+0

''이러한 처리의 세부 사항은 공개되지 않았으며 아마 검색 엔진마다 다를 수 있습니다. ''그래서 나는 대부분의 SEO 전문가가 대부분 그들이 말하는 것에 대해 단서가 없다고 의심합니다. 하드 코어 실험 및 분석이 아니라면 지식을 확인하거나 증명할 수있는 방법이 없습니다. –

0

title 속성은 <img>을 포함하여 모든 HTML 요소에 툴팁을 추가하는 데 사용할 수 있습니다.

alt 속성과 같을 필요는 있지만 반드시 동일 할 필요는 없습니다.

+0

예, 이미 알고 있습니다. 제 질문은 이 속성을 사용하는 의미 적 관심. 하지만 대답을 주셔서 감사합니다 – Sarcadass

1

@SLaks가 대답 한 것에 대해 조금 확장하면됩니다. title 속성은 SEO를 지원하고 웹 페이지가 제공해야하는 것에 대해 더 많이 표현할 수 있습니다. 추가 할 간단한 비트 만 있습니다.

0

해당 사항. alt 속성은 이미지를 표시하지 않는 사용자 에이전트 용이며,이 경우 alt 속성이 표시됩니다. alt 속성은 반응 형 웹 디자인 (WCAG)에 필요합니다. title 속성은 툴팁의 경우 선택 사항이며 alt와 같지 않아야합니다.

+0

두 특성의 차이를 명확하게 설명해 주셔서 감사합니다. 하지만 '제목'attr을 사용하는 것은 SEO에 유용하거나 툴팁에만 유용할까요? – Sarcadass

+0

액세스 가능성이 좋습니다. 따라서 SEO에도 좋습니다. – Mamuz

+0

'title' 속성은 툴팁 뿐만이 아닙니다. 그 값이'alt' 속성의 값과 같아서는 안되는 이유는 없습니다. 그들은 서로 다른 목적을 가지고 있지만 때로는 같은 텍스트가 둘 다 사용할 수 있습니다. 그리고 "반응 형 웹 디자인"에 의해 당신은 접근 가능성을 의미했을 것입니다. 이것은 매우 다른 문제입니다. –