이미지를 링크로 만드는 방법 - 더미

웹 페이지는 종종 탐색을 위해 이미지를 사용합니다. 그것들은 일반 텍스트 링크보다 더 예뻐서 한 요소로 페이지에 양식과 기능을 모두 추가 할 수 있습니다. 링크를 트리거하는 이미지를 만들려면 링크를 앵커 할 텍스트 대신

요소를 사용하십시오.

이 마크 업은 텍스트를 링크합니다:

W3C 방문

이 마크 업은 해당 아이콘으로 W3C 방문 텍스트를 대체합니다.

앞의 마크 업은 http: // www에 연결된 이미지를 만듭니다. w3. org. 이 예제에서 대체 텍스트는 이제 W3C 웹 사이트 방문을 읽으므로 이미지를 볼 수없는 사용자는 링크가있는 곳을 알 수 있습니다. 사용자가 마우스 포인터를 이미지 위로 이동하면 커서가 화살표에서 가리키는 손 (또는 브라우저에서 링크에 사용하는 아이콘)으로 바뀝니다.

이 이미지에는 링크 역할을한다는 것을 사용자가 알 수 있도록 시각적 신호로 파란색 테두리가 그 주변에 포함됩니다. 테두리는 파란색 윤곽선으로 나타납니다 (그림 참조).

이미지를 빠르게 클릭하면 W3C 웹 사이트가 시작됩니다. 그것만큼이나 간단합니다.

브라우저에서 이미지를 파란색 선으로 유지하지 않으려면 링크에서 사용하는 이미지의 테두리를 0으로 설정할 수 있습니다. 그러나이 선이 없으면 사용자는 다른 시각적 (또는 대체 텍스트) 단서가 필요하므로 이미지가 링크임을 알 수 있습니다.