Thuộc tính hreflang của phần tử
Ở trên, mã là bộ mã ngôn ngữ ISO cho ngôn ngữ, ví dụ:en cho tiếng Anh, fr cho tiếng Pháp, js cho tiếng Nhật, v.v.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính hreflang cho phần tử
Trong ví dụ trên, chúng tôi đã thiết lập bản đồ trên hình ảnh sau -
Bây giờ, chúng tôi đã thiết lập hình dạng bản đồ và khu vực bên trong nó -
Ngôn ngữ của url mà chúng tôi đã đặt bằng thuộc tính hreflang -
Ở trên, chúng tôi đã đặt cho tiếng Anh. <area hreflang="language_code">
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Learning</h2>
<p>Learn these technologies with ease....</p>
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
<map name = "tutorials">
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
href = "/perl/index.htm" alt = "Perl Tutorial" download="perl" hreflang="en"/>
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
href = "/html/index.htm" target = "_blank" download="html" hreflang="en"/>
<area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
href = "/php/index.htm" target = "_blank" download="php" hreflang="en"/>
</map>
</body>
</html>
Đầu ra
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
<map name = "tutorials">
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
href = "/perl/index.htm" alt = "Perl Tutorial" download="perl" hreflang="en"/>
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
href = "/html/index.htm" target = "_blank" download="html" hreflang="en"/>
<area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
href = "/php/index.htm" target = "_blank" download="php" hreflang="en"/>
</map>
hreflang="en"
