資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會科學
時尚研究
法律研究HTMLrel 屬性
<area> 元素的 rel 屬性用於設定當前文件與連結文件之間的關係。此屬性是 HTML5 中為 <area> 元素引入的。
以下是語法 −
<area rel="value">
上述值可以是以下指向任意內容的選項 −
- alternate：文件的替代版本，例如，用於列印。
- author：文件的作者
- bookmark：用於書籤的永久 URL
- help：幫助文件
- license：版權資訊
- next：一個選中內容中的下一個文件
- nofollow：連結到一個您不希望 Google 索引遵循的連結。
- noreferrer：指定如果使用者遵循超連結，瀏覽器不應傳送 HTTP 來路標頭
- prefetch：指定應快取目標文件
- prev：一個選中內容中的上一個文件
- search：連結到一個文件的搜尋工具
- tag：當前文件的一個標籤
現在讓我們看一個示例來實現 <area> 元素的 rel 屬性 −
示例
<!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>
輸出
在上例中，我們已將地圖設定在此影像上 −
<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>
在上面，我們已為此備用版本設定關係 −
rel="alternate"
更新於: 30-Jul-2019
141 瀏覽量
廣告