Thuộc tính rel của Link trong HTML DOM thiết lập/trả về mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết, và là bắt buộc phải khai báo.
Cú pháp
Trả về giá trị thuộc tính rel:
linkObject.rel
Thiết lập rel thành valueString:
linkObject.rel = valueString
Các chuỗi giá trị (valueString)
valueString có thể là các giá trị sau:
| valueString | Mô tả |
|---|---|
| alternate | Cung cấp phiên bản thay thế |
| author | Cung cấp liên kết đến tác giả tài liệu |
| dns-prefetch | Chỉ định trình duyệt nên giải quyết DNS trước cho nguồn đích |
| help | Cung cấp liên kết đến tài liệu trợ giúp |
| icon | Nhập biểu tượng đại diện cho tài liệu |
| license | Cung cấp thông tin bản quyền |
| next | Cung cấp liên kết đến tài liệu tiếp theo trong chuỗi |
| pingback | Cung cấp địa chỉ máy chủ pingback |
| preconnect | Chỉ định trình duyệt nên kết nối trước đến nguồn đích |
| prefetch | Chỉ định trình duyệt nên tải trước và lưu cache tài nguyên |
| preload | Chỉ định trình duyệt phải tải trước tài nguyên cho điều hướng hiện tại |
| prerender | Chỉ định trình duyệt nên tải trang web trong nền |
| prev | Chỉ ra tài liệu trước trong chuỗi tài liệu |
| search | Cung cấp liên kết đến tài nguyên tìm kiếm |
| stylesheet | Nhập bảng định kiểu vào tài liệu hiện tại |
Ví dụ
Ví dụ minh họa thuộc tính Link rel:
<!DOCTYPE html> <html> <head> <title>Link rel</title> <link id="extStyle" rel="stylesheet" type="text/css" href="style.css"> </head> <body> <form> <fieldset> <legend>Link-rel</legend> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var extStyle = document.getElementById("extStyle"); if(extStyle.rel === 'stylesheet') divDisplay.textContent = 'The linked document is of type stylesheet'; else divDisplay.textContent = 'The linked document is of type '+extStyle.rel; </script> </body> </html>
Trong ví dụ trên 'style.css' chứa:
form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; }
Kết quả
