Giới thiệu
Thuộc tính rel của phần tử <area> (trong image map) mô tả mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết. Thuộc tính này được giới thiệu cho <area> trong HTML5.
Cú pháp
<area rel="giatri">
Các giá trị phổ biến
- alternate: Phiên bản thay thế của tài liệu (ví dụ: bản in).
- author: Tác giả tài liệu.
- bookmark: URL cố định dùng để bookmark.
- help: Tài liệu trợ giúp.
- license: Thông tin bản quyền.
- next: Tài liệu tiếp theo trong chuỗi.
- nofollow: Yêu cầu công cụ tìm kiếm không theo dõi liên kết này.
- noreferrer: Không gửi header Referer khi người dùng nhấp liên kết.
- prefetch: Gợi ý trình duyệt tải trước tài liệu đích.
- prev: Tài liệu trước đó trong chuỗi.
- search: Liên kết đến công cụ tìm kiếm cho tài liệu.
- tag: Thẻ (tag) cho tài liệu hiện tại.
Ví dụ minh họa
<!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" target="_blank" rel="alternate"/>
<area shape="rect" coords="22,83,126,125" alt="HTML Tutorial" href="/html/index.htm" target="_blank" />
<area shape="circle" coords="73,168,32" alt="PHP Tutorial" href="/php/index.htm" target="_blank" />
</map>
</body>
</html>
Kết quả hiển thị
Vùng đầu tiên (Perl) thiết lập quan hệ rel="alternate" cho phiên bản thay thế.
rel="alternate"