HTML 튜토리얼: 제목 속성 및 대체 속성_HTML/Xhtml_웹 페이지 제작

XHTML은 CSS 레이아웃의 기초입니다. jb51.net은 항상 의미론과 문서 구조에 주의를 기울여 XHTML 지식 학습을 강조해 왔습니다. title과 alt 속성은 문서의 적응성을 향상시키고 키워드 밀도를 합리적으로 높일 수 있다는 가장 직관적인 느낌을 줍니다. XHTML 표준에서는 이미지의 alt 속성이 필요합니다.
XHTML은 CSS 레이아웃의 기초입니다. jb51.net은 항상 의미론과 문서 구조에 주의를 기울여 XHTML 지식 학습을 강조해 왔습니다. title과 alt 속성은 문서의 적응성을 향상시키고 키워드 밀도를 합리적으로 높일 수 있다는 가장 직관적인 느낌을 줍니다. XHTML 표준에서는 이미지의 alt 속성이 필요합니다.
alt 속성
이미지, 양식 또는 애플릿을 표시할 수 없는 사용자 에이전트(UA)의 경우 대체 텍스트를 지정하는 데 alt 속성이 사용됩니다. 대체 텍스트의 언어는 lang 속성으로 지정됩니다. Alt 속성("레이블"이 아닌 "속성"임에 유의)에는 이미지 및 이미지 핫스팟에 필요한 교체 지침이 포함되어 있습니다. img, Area, input 요소(애플릿 요소 포함)에서만 사용할 수 있습니다. 입력 요소의 경우 alt 속성은 제출 버튼 이미지를 대체하기 위한 것입니다.
예: 문서의 이미지를 볼 수 없는 뷰어를 위해 텍스트 설명을 제공하려면 alt 속성을 사용하세요. 여기에는 기본적으로 이미지 표시를 지원하지 않거나 이미지 표시가 꺼진 브라우저를 사용하는 사용자, 시각 장애가 있는 사용자 및 화면 판독기를 사용하는 사용자가 포함됩니다. 대체 텍스트는 추가 설명 텍스트를 제공하는 대신 이미지를 대체하는 데 사용됩니다.
대체 텍스트를 작성하기 전에 이미지를 볼 수 없는 사람들에게 실제로 정보를 제공하고 맥락에 맞는지 신중하게 생각하세요. 장식용 이미지의 경우 "blue bullet" 또는 "spacer.gif"와 같은 관련 없는 대체 텍스트 대신 빈 값(alt="", 따옴표 사이에 공백 없음)을 사용하세요. 무시하지 마십시오. 일부 화면 판독기는 이미지 파일의 파일 이름을 직접 읽고 Lynx와 같은 텍스트 브라우저는 이미지 파일의 파일 이름을 표시하므로 브라우저에는 아무 소용이 없습니다. .
텍스트가 포함된 이미지에는 대체 텍스트를 설정하는 것이 가장 쉽습니다. 일반적으로 이미지에 포함된 텍스트를 alt 속성 값으로 사용할 수 있습니다.
제목 속성
title 속성은 이 속성이 설정된 요소에 대한 제안 정보를 제공합니다.
title 속성은 base, basefont, head, html, meta, param, script, title을 제외한 모든 태그에 사용할 수 있습니다. 그러나 그것은 필요하지 않습니다. 어쩌면 이것이 바로 많은 사람들이 언제 사용해야 하는지 이해하지 못하는 이유일 것입니다.
필수적이지 않은 추가 정보를 제공하려면 제목 속성을 사용하세요. 대부분의 시각적 브라우저는 마우스를 특정 요소 위로 가져갈 때 제목 텍스트를 도구 설명으로 표시합니다. 그러나 제목 텍스트를 렌더링하는 방법은 제조업체에 달려 있습니다. 일부 브라우저에서는 상태 표시줄에 제목 텍스트가 표시됩니다. 예를 들어 Safari 브라우저의 초기 버전이 있습니다.
제목 속성을 효과적으로 사용하는 방법은 링크에 설명 텍스트를 추가하는 것입니다. 특히 링크 자체가 링크의 목적을 명확하게 표현하지 않는 경우에는 더욱 그렇습니다. 이렇게 하면 방문자는 링크가 어디로 이동하는지 알 수 있으며 전혀 관심이 없을 수도 있는 페이지를 로드하지 않게 됩니다. 또 다른 잠재적인 응용 분야는 날짜나 기타 필수적이지 않은 정보와 같은 이미지에 대한 추가 설명 정보를 제공하는 것입니다.
　title 속성값은 alt 속성값보다 길게 설정할 수 있습니다. 그러나 일부 브라우저에서는 너무 긴 텍스트(예: 도구 설명 등)가 잘릴 수 있다는 점에 유의하세요. 예를 들어 Mozilla의 핵심 브라우저는 처음 60자만 표시할 수 있습니다. 이는 Mozilla 버그로 간주되며 주의해야 할 사항입니다.