Shulou(Shulou.com)06/01 Report--

This article mainly introduces the role of area tags in HTML, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand it.

HTML tag

Case study

Image mapping with clickable areas:

Width= "145" height= "126"

Alt= "Planets"

Usemap= "# planetmap" >

Name= "planetmap" >

Give it a try?

Browser support list

IE

Firefox

Chrome

Safari

Opera

All major browsers support tags.

Label definition and instructions for use

The tag defines the area inside the image map (image mapping refers to an image with clickable areas).

The element is always nested inside the tag.

Note: the usemap attribute in the tag is associated with the name in the element to create a relationship between the image and the mapping.

Differences between HTML 4.01 and HTML5

HTML5 provides some new properties, while some of the properties in HTML 4.01 are no longer supported.

The difference between HTML and XHTML

In HTML, the tag does not end the tag.

In XHTML, the label must be closed correctly.

Attribute

New properties in New?:HTML5.

Attribute

Value

Description

Text

Alternative text for the specified area. If you use the href property, this property is required.

Coordinates

The coordinates of the specified area.

URL

The target URL for the specified area.

Language_code

Specifies the language of the target URL.

Media query

Specify what media / devices the target URL is optimized for. Default: all.

Value

HTML5 does not support it. Specify areas where there are no related links.

RelNew

Alternate

Author

Bookmark

Help

License

Next

Nofollow

Noreferrer

Prefetch

Prev

Search

Tag

Specifies the relationship between the current document and the target URL.

Default

Rect

Circle

Poly

Specify the shape of the area.

_ blank

_ parent

_ self

_ top

Framename

Specifies where to open the target URL.

MIME_type

Specifies the MIME type of the target URL.

Note: MIME = Multipurpose Internet Mail Extensions.

Thank you for reading this article carefully. I hope the article "what is the role of area tags in HTML" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.