오늘 JD.com에서 마케팅 캠페인을 봤는데 왼쪽의 floatingnavigation이 HTML로 지도 태그를 사용해 작성되어 있어서 이 글을 쓰게 되었습니다.
위 사진은 그 중 주요 가전제품을 직접 보여줍니다
<p class="content"> <img src="https://img.php.cn/upload/article/000/000/007/036cb8017291b49666f84f83d250e50f-0.png" usemap="#Mapslide" alt="HTML 맵 태그 사용" /> <map name="Mapslide" id="Mapslide"> <area shape="rect" coords="0,66,64,90" href="http://www.5itbao.cn" target="_blank" clstag="sale|keycount|8295365|1" /> </map> </p>
그런데 관련 정보를 일부 발췌했습니다.
HTML
클릭 가능한 영역으로 이미지 매핑;
모든 주요 브라우저는
클라이언트 이미지 맵을 정의합니다. 이미지맵은 클릭 가능한 영역이 있는 이미지를 말합니다.
참고: 지역 요소는 항상 지도 요소 내에 중첩됩니다. 영역 요소는 이미지 맵의 영역을 정의합니다.
참고: 의 usemap 속성 은
Property | Value | Description | ||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
coords | 좌표값 | 클릭 가능한 영역(마우스에 민감한 영역)의 좌표를 정의합니다. | ||||||||||||||||||||||||||||||||||||||
href | URL | 이 영역의 대상 URL을 정의하세요. | ||||||||||||||||||||||||||||||||||||||
nohref | nohref | 이미지 맵에서 특정 지역을 제외하세요. 영역의 모양을 정의합니다. | ||||||||||||||||||||||||||||||||||||||
target |
|
은 href 속성을 열 위치를 지정합니다. | ||||||||||||||||||||||||||||||||||||||
으로HTML DOM Area 객체Area 객체Area 객체는 HTML 문서의 이미지 매핑 영역을 나타냅니다(이미지 매핑은 클릭 가능한 영역이 있는 이미지를 나타냄) 태그가 나타날 때마다 Area 개체가 생성됩니다. Area 개체 속성
Standard Properties
|
위 내용은 HTML 맵 태그 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!