XHTML은 CSS 레이아웃의 기초입니다. Cuoxin.com은 항상 XHTML 지식의 학습을 강조했으며 의미론 및 문서 구조에 중요성을 부여합니다. 제목과 대체 속성은 문서의 적응성을 향상시키고 키워드 밀도를 합리적으로 증가시킬 수 있다는 가장 직관적 인 느낌을줍니다. XHTML 표준에서는 이미지의 ALT 속성이 필요합니다.
alt 속성이미지, 양식 또는 애플릿을 표시 할 수없는 사용자 에이전트 (UA)의 경우 ALT 속성은 대체 텍스트를 지정하는 데 사용됩니다. 교체 텍스트의 언어는 Lang 속성에 의해 지정됩니다. ALT 속성 ( "레이블"대신 "속성")에는 이미지 및 이미지 핫스팟에 필요한 교체 지침이 포함되어 있습니다. IMG, 영역 및 입력 요소 (애플릿 요소 포함)에서만 사용할 수 있습니다. 입력 요소의 경우 ALT 속성은 제출 버튼의 이미지를 대체하기위한 것입니다.
예를 들어, ALT 속성은 문서에서 이미지를 볼 수없는 시청자에게 텍스트 설명을 제공하는 데 사용됩니다. 여기에는 이미지 디스플레이를 지원하지 않는 브라우저를 사용하거나 이미지 디스플레이가 꺼져있는 사용자, 시각 장애인 사용자 및 스크린 리더를 사용하는 사용자가 포함됩니다. 대체 텍스트는 추가 캡션을 제공하지 않고 이미지를 대체하는 데 사용됩니다.
교체 텍스트를 작성하기 전에 신중하게 생각하여 해당 단어가 이미지를보고 상황에서 의미가있는 사람들에게 예시 정보를 제공하도록하십시오. 장식 이미지의 경우 "Blue Bullet"또는 "Spacer.gif"와 같은 관련없는 대체물을 사용하는 대신 빈 값 (인용문 중간에 공간이없는 Alt = "")을 사용하십시오. 그것을 무시하지 마십시오. 무시하면 일부 화면 리더는 이미지 파일의 파일 이름을 직접 읽으며 Lynx와 같은 텍스트 브라우저에는 이미지 파일의 파일 이름이 표시되며 브라우저에는 거의 사용되지 않습니다.
텍스트가 포함 된 이미지로 교체 텍스트를 설정하는 것이 가장 쉽습니다. 이미지에 포함 된 텍스트는 일반적으로 ALT 속성 값으로 사용할 수 있습니다.
제목 속성제목 속성은이 속성을 설정하는 요소에 대한 제안을 제공합니다.
제목 속성은 Base, BaseFont, Head, HTML, Meta, Param, 스크립트 및 제목을 제외한 모든 태그에서 사용할 수 있습니다. 그러나 필요하지 않습니다. 어쩌면 많은 사람들이 언제 사용 해야하는지 이해하지 못하는 이유 일 것입니다.
제목 속성을 사용하여 필수적인 추가 정보를 제공하십시오. 대부분의 비주얼 브라우저는 마우스가 특정 요소에 매달려있을 때 제목 텍스트를 도구 팁으로 표시하지만 제목 텍스트를 렌더링하는 방법을 결정하기 위해 제조업체에 달려 있습니다. 일부 브라우저는 상태 표시 줄에 제목 텍스트를 표시합니다. 예를 들어, Safari 브라우저의 이전 버전입니다.
제목 속성은 양호한 목적을 가지고 있는데, 이는 특히 링크 자체가 링크의 목적을 명확하게 표현하지 않는 경우 링크에 설명 텍스트를 추가하는 것입니다. 이를 통해 방문자는 해당 링크가 어디로 가져갈지 알 수 있으며 전혀 관심이없는 페이지를로드하지 않습니다. 또 다른 잠재적 인 응용 프로그램은 날짜 또는 기타 비 필수 정보와 같은 이미지에 대한 추가 예시 정보를 제공하는 것입니다.
제목 속성 값은 ALT 속성 값보다 길 수 있습니다. 그러나 일부 브라우저는 너무 긴 텍스트 (예 : 툴팁 또는 기타)를 자릅니다. 예를 들어, Mozilla의 코어 브라우저는 처음 60 자만 표시 할 수 있습니다. 이것은 모질라 버그로 간주되며주의를 기울여야 할 것입니다.