link標簽的rel屬性

来源:http://www.cnblogs.com/bobonote/archive/2017/11/09/7807712.html
-Advertisement-
Play Games

<link>標簽定義了當前文檔與 Web 集合中其他文檔的關係。link 元素是一個空元素,它僅包含屬性。此元素只能存在於 head 部分,不過它可出現任何次數。在 HTML 中,<link> 標簽沒有結束標簽。在 XHTML 中,<link> 標簽必須被正確的關閉。 除了HTML的標準通用屬性之外 ...


<link>標簽定義了當前文檔與 Web 集合中其他文檔的關係。link 元素是一個空元素,它僅包含屬性。此元素只能存在於 head 部分,不過它可出現任何次數。在 HTML 中,<link> 標簽沒有結束標簽。在 XHTML 中,<link> 標簽必須被正確的關閉。

 

除了HTML的標準通用屬性之外,link元素還包括很多可選屬性: charset, href, hreflang, media, rel, rev, target, title和type。這些屬性中,target只允許在Transitional和Frameset兩種DTD中使用,其它都可在Strict, Transitional和Frameset三種DTD中使用。

 

這些屬性中,rel屬性是核心,搜索引擎可以利用該屬性獲得更多有關鏈接的信息。

(1)  stylesheet -- 調用外部樣式表

該屬性是最常用的,用於調用樣式表,如下所示:

<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />  

其中href是目標文檔的URL, type則規定了目標URL的MIME類型,而media規定了文檔將顯示在什麼設備上

media: [“screen”:表示顯示器設備; "print":表示列印設備;]。

(2)  icon -- 定義網站收藏夾圖標

  1. <link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>  
  2. <link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>  

icon屬性指定標題欄,地址欄,收藏欄小圖標

Note: 1. IE只支持ico格式的favicon;  2. rel屬性必須包含shortcut, 才會在IE下顯示;3.IE下圖標必須是.ico格式的,其他瀏覽器不用

(3) canonical -- 指明網址的規範版本

 <link rel="canonical" href="http://blog.yunlives.com?page=3/" />  

canonical屬性用於讓搜索引擎知道當前網站中的重覆或相似網頁中,哪一個頁面才是站長想讓其抓取與收錄的。

(4) author -- 申明文檔作者

(5) home -- 連接到站點的主頁

(6)  search -- 鏈接到文檔的搜索工具

(7) sidebar -- 鏈接到應該在瀏覽器邊欄中顯示的文檔

(8) friend -- 友情鏈接

PS:原文轉自:http://blog.csdn.net/chen_zw/article/details/40786425


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 元組 元組:特點就是內容不可變,算只讀的列表,可以被查詢,不能被修改 運行結果: 字典 字典:內部數據列印時是無序的,鍵值是哈希的,有唯一性 字元串 只列舉幾個簡單的應用 PS: 前期的數據類型只是基礎,掌握了常用的那幾個內置函數,基礎的語法就可以,在學習函數,對象一些高級話題時,可以繼續鞏固,所以 ...
  • A Simple Task CodeForces - 11D 題意:輸出一個無向圖的簡單環數量。簡單環指無重覆邊的環。保證圖無重邊自環。 ans[i][j]表示"包含i中的點,以i中第一個點為起點,以j為終點"的路徑條數。 對於某個i,枚舉當前終點j(顯然不能是首個點),產生一個狀態。再枚舉上一次終 ...
  • 從事近十年的 JavaEE 應用開發工作,現任阿裡巴巴公司系統架構師。對分散式服務架構與大數據技術有深入研究,具有豐富的 B/S 架構開發經驗與項目實戰經驗,擅長敏捷開發模式。國內開源軟體推動者之一,Smart Framework 開源框架創始人。熱愛技術交流,樂於分享自己的工作經驗。著有《架構探險 ...
  • 解決方案 就是可以在image那裡設置vertical-align:top/bottom/text-top/text-bottom 原因:圖片文字等inline元素默許是跟父級元素的baseline對齊,而baseline又和父級底邊有必定間距 ...
  • 收集整理了一些Web前端開發比較成熟的第三方插件,分享給大家。 ******************************************************************************* 一、國外插件 ace 版本:1.2.3au 官網:https://githu ...
  • 前言 今天遇到一個問題,用正則表達式去檢查同一個字元串時,交替返回true和false。無奈之下,重新翻了翻權威指南,發現罪魁禍首原來是lastIndex。可在控制台嘗試下 lastIndex lastIndex在權威指南中是如下解釋:它是一個可讀/寫的整數。如果匹配模式帶有g修飾符,這個屬性存儲在 ...
  • transform變換 rotate旋轉 rotate(angle) 2D旋轉;rotateX(angle) 沿著x軸旋轉;rotateY(angle) 沿著y軸旋轉;rotate(angle) 沿著z軸旋轉; deg角度、rad弧度、turn圈、grad梯度 90deg = 100grad = 0 ...
  • 手機號碼正則表達式驗證: 或者 固定電話號碼正則表達式: 身份證正則: 其他 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...