Thuộc tính hreflang của phần tử <area> được dùng để chỉ định ngôn ngữ của URL trong vùng (area). Cú pháp như sau:
<area hreflang="language_code">
Ở trên, language_code là mã ngôn ngữ ISO, ví dụ: en cho tiếng Anh, fr cho tiếng Pháp, ja cho tiếng Nhật, v.v.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Học tập</h2> <p>Học các công nghệ này một cách dễ dàng....</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>
Kết quả
Trong ví dụ trên, chúng ta đã thiết lập bản đồ (map) trên hình ảnh sau:
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
Bây giờ, chúng ta thiết lập bản đồ và vùng (area) bên trong cho các hình dạng:
<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>
Ngôn ngữ của URL được thiết lập bằng thuộc tính hreflang:
hreflang="en"
Ở trên, chúng ta đã thiết lập cho tiếng Anh.