Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính tương đối HTML

Thuộc tính rel của phần tử

Sau đây là cú pháp - 

<area rel="value">

Ở trên, giá trị có thể là bất kỳ tùy chọn nào sau đây liên kết đến -

  • thay thế :Ví dụ:một phiên bản thay thế của tài liệu để in.
  • tác giả :Tác giả của tài liệu
  • dấu trang :URL cố định được sử dụng để đánh dấu trang
  • trợ giúp :Tài liệu trợ giúp
  • giấy phép :Thông tin bản quyền
  • tiếp theo :Tài liệu tiếp theo trong một lựa chọn
  • nofollow: Liên kết đến một liên kết mà bạn không muốn Google lập chỉ mục theo liên kết đó.
  • người gửi chậm hơn :Chỉ định rằng trình duyệt sẽ không gửi tiêu đề giới thiệu HTTP nếu người dùng theo dõi siêu liên kết
  • tìm nạp trước :Chỉ định rằng tài liệu đích nên được lưu vào bộ nhớ đệm
  • trước :Tài liệu trước đó trong một lựa chọn
  • tìm kiếm :Liên kết đến công cụ tìm kiếm tài liệu
  • thẻ: Một thẻ cho tài liệu hiện tại

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính rel của phần tử

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" 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>

Đầu ra

Thuộc tính tương đối HTML areosystem

Trong ví dụ trên, chúng tôi đã thiết lập bản đồ trên hình ảnh sau - 

<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>

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ó - 

<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>

Ở trên, chúng tôi đã thiết lập mối quan hệ cho phiên bản thay thế - 

rel="alternate"