Detailed introduction and usage examples of map tag parameters
|
Map tags must appear in pairs, i.e. <map> ....</map> At the same time, map must be used in conjunction with area. The usermap attribute value in the img tag must be exactly the same as the id and name values in the map tag. area tag: defines the click area of the image. area is a single tag, not a pair. property: accesskey shortcut key alt Image hint text coords defines the coordinates of the graphic and click area href link address nohref is the area that can be excluded when the image is clicked. When there is no href, nohref needs to be used shape The shape of the clickable area tabindex tab key traversal target link target Code example: Copy code The code is as follows:<img src="images/logo.gif" usermap="#map"/> <map id="map" name="map"> <area shape="rect" coords="a,b,c,d" target="_blank" href=""/> <!-- a, b, c, d are the coordinate values of the upper left corner and lower right corner of the rectangle respectively!> <area shape="circle" coords="a,b" target="_blank" href="" /> <!-- a, b are the coordinate values of the center of the circle!> <area shape="poly" coords="a,b..." target="_blank" href="" /> <!-- a, b are the coordinate values of each fixed point of the polygon!> </map> |
<<: Flash embedded in web pages and IE, FF, Maxthon compatibility issues
>>: Detailed steps for IDEA to integrate docker to achieve remote deployment
Recommend
Node.js implements breakpoint resume
Table of contents Solution Analysis slice Resume ...
Example code for implementing anti-shake in Vue
Anti-shake: Prevent repeated clicks from triggeri...
Linux parted disk partition implementation steps analysis
Compared with fdisk, parted is less used and is m...
Solution to forgetting the root password of self-built MySQL in Alibaba Cloud Linux CentOS 7.2
Verification environment: [root@~~/]# rpm -qa | g...
js to write the carousel effect
This article shares the specific code of js to ac...
How to add rounded borders to div elements
As shown below: CSS CodeCopy content to clipboard...
Mobile front-end adaptation solution (summary)
I searched online and found that many interviews ...
Improvements to the web server to improve website performance
<br />In the first section of this series, w...
The qualities and abilities a web designer should have
Web design is an emerging marginal industry that c...
How to set the height of the autosize textarea in Element UI
After setting textarea input in Element UI to aut...
Summary of scientific principles and suggestions for web design and production
<br />In the field of network design, resear...
js uses the reduce method to make your code more elegant
Preface In actual projects, the most common proce...
A brief introduction to VUE uni-app core knowledge
Table of contents specification a. The page file ...
Json string + Cookie + localstorage in JS
Table of contents 1.Json string 1.1Json Syntax 1....
Detailed explanation of the difference between JavaScript onclick and click
Table of contents Why is addEventListener needed?...