Thuộc tính liên kết HTML DOM Liên kết đặt / 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à bắt buộc phải đề cập đến.
Cú pháp
Sau đây là cú pháp -
- Trả lại rel giá trị thuộc tính
linkObject.rel
- Cài đặt rel thành một chuỗi giá trị
linkObject.rel = valueString
Chuỗi giá trị
Đây, “chuỗi giá trị” có thể như sau -
valueString | Mô tả |
---|---|
thay thế | Nó cung cấp |
tác giả | Nó cung cấp liên kết đến tác giả của tài liệu được liên kết |
dnsprefetch | Nó chỉ định rằng trình duyệt nên thực hiện trước phân giải DNS cho nguồn gốc của tài nguyên đích |
trợ giúp | Nó cung cấp liên kết đến tài liệu trợ giúp nếu có |
biểu tượng | Nó nhập một biểu tượng để đại diện cho tài liệu |
rel | Nó đặt / 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 |
giấy phép | Nó cung cấp thông tin bản quyền cho tài liệu được liên kết |
tiếp theo | Nó cung cấp một liên kết đến tài liệu tiếp theo trong loạt tài liệu |
pingback | Nó cung cấp địa chỉ của máy chủ pingback xử lý pingback tới tài liệu được liên kết hiện tại |
kết nối trước | Nó chỉ định rằng trình duyệt nên kết nối trước với nguồn gốc của tài nguyên đích nếu có |
tìm nạp trước | Nó chỉ định rằng trình duyệt nên tìm nạp trước và lưu vào bộ nhớ cache tài nguyên đích vì nó được yêu cầu để theo dõi điều hướng tài liệu |
tải trước | Nó chỉ định rằng tác nhân trình duyệt phải tìm nạp trước và lưu vào bộ nhớ cache tài nguyên đích cho điều hướng hiện tại theo đích được cung cấp bởi thuộc tính "as" (và mức độ ưu tiên được liên kết với đích đó ). |
kết xuất trước | Nó chỉ định rằng trình duyệt phải tải trang web được chỉ định ở chế độ nền. Vì vậy, nếu người dùng điều hướng đến trang này, nó sẽ tăng tốc độ tải trang |
trước | Nó chỉ ra rằng tài liệu là một phần của chuỗi và tài liệu trước đó trong loạt là tài liệu được liên kết được tham chiếu |
tìm kiếm | Nó cung cấp một liên kết đến một tài nguyên có thể được sử dụng để tìm kiếm thông qua tài liệu hiện tại và các trang liên quan của nó. |
biểu định kiểu | Nó nhập một biểu định kiểu trong tài liệu hiện tại |
Ví dụ
Hãy để chúng tôi xem một ví dụ về Liên kết liên kết tài sản -
<!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; }
Đầu ra
Điều này sẽ tạo ra kết quả sau -