How to add HTML <area> hreflang Attribute
Use the hreflang attribute to specify the language of the target URL for each area in the image map:
Definition and Usage
The hreflang attribute specifies the language of the target URL in the area.
This attribute is only used if the href attribute is set.
Note: This attribute is purely advisory.
Browser Support
Syntax
<area hreflang="language_code">
Attribute Values
| Value | Description |
|---|---|
| language_code | A two-letter language code that specifies the language of the linked document. To view all available language codes, go to our Language code reference. |
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The area hreflang attribute</h1>
<p>Click on the sun to watch it closer:</p>
<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="https://horje.com" hreflang="en">
</map>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |