대체 기여 란 무엇입니까?

대체 속성은 대체 텍스트를 해당 태그와 연결하는 방법을 제공하도록 설계된 특정 HTML 및 XHTML 태그와 관련된 명령입니다. 이 속성의 가장 일반적인 용도는 그래픽 캡션을 위해 img 태그에 있습니다. 어떤 사람들은 이것을 alt 태그라고 부르지 만 html 태그가 아니기 때문에 정확하지 않습니다. “태그”라는 용어는 HTML에서 실제 마크 업을 수행하는 꺾쇠 괄호 사이의 명령을 나타내는 웹 디자인에서 뚜렷한 의미를 갖습니다. 대체 속성은 다음 구문을 사용합니다.

<img alt = "text"src = "source url">
<area alt = "alt text">
<input alt = "텍스트 필드 프롬프트">

img 태그는 대체 속성을 허용하는 여러 태그 중 하나 일뿐입니다. 다른 태그는 "area"및 "input"입니다. img 태그는 이미지를 표시합니다. 영역 태그는 이미지 맵에 링크를 표시하고 대체 속성은 링크의 앵커 텍스트를 제공합니다. 입력 태그는 웹 브라우저에 텍스트 필드를 표시하도록 지시하고 대체 텍스트를 사용하여 관련 프롬프트를 제공합니다.

역사적으로 그래픽에 대한 설명은 대체 속성의 가장 일반적인 용도 중 하나였습니다. 이것은 시각 장애인, 그림을 해석 할 수없는 화면을 읽기 위해 소프트웨어를 사용하는 사람들에게 특히 유용했습니다. 이 속성의 주요 목적은 관련 이미지를 설명하기보다는 캡션을 제공하는 것입니다. 적절한 대체 텍스트의 예는“George Washington은 혁명 전쟁 중에 많은 어려움을 참아왔다”는 것입니다. 실제 이미지 설명은 제목의 기여입니다.

검색 엔진은 대체 속성에 제공된 텍스트를 사용합니다. 웹 페이지가 단독으로 또는 주로 그림으로 구성된 경우 검색 엔진 스파이더는 이미지 자체가 검색 엔진 스파이더에 쓸모가 없다는 사실에도 불구하고 페이지를 크롤링 할 수 있습니다. HTML의 이후 버전에서는 img 태그에 대체 속성이 필요하지만 일부 웹 개발자는 따옴표 사이에 아무 것도 넣지 않습니다. 이는 더 나은 검색 엔진 최적화를위한 기회를 활용하지 못합니다.

오래된 웹 브라우저는 툴팁으로 대체 속성을 제공했기 때문에 웹 개발자는 툴팁 작업을 수행하는 데 잘못 사용하여 설명과 같은 이미지에 대한 추가 정보를 제공했습니다. 최신 버전에서는이 문제가 해결되었습니다. 제목 속성은 이제이 목적으로 사용되며이 속성의 텍스트는 이미지 나 링크 위로 마우스를 가져 가면 볼 수 있습니다.

이미지를 표시 할 수없는 웹 브라우저는 대신 대체 텍스트를 표시합니다. 오래된 브라우저는 항상이 작업을 수행하지만 이미지 대신 대체 텍스트 만 표시하도록 최신 버전을 구성 할 수 있습니다. 이는 브라우저가 이미지를로드 할 필요가 없기 때문에 대역폭 절약의 목적으로 사용됩니다.