HTML link 標籤

來源:互聯網
上載者:User
  1. 概述 
    link標籤,當在文檔中聲明使用外接資源(比如CSS)時使用此標籤
    link標籤是單獨出現的
    屬性
    href -- 指定需要載入的資源(CSS檔案)的地址URI
    media -- 媒體類型
    rel -- 指定連結類型,設定是指對象和連結目標的關係,可選值, link還可以用Shortcut Icon等
    rev -- 指定連結類型
    type -- 指定所串連文檔的MIME類型,css的MIME是type/css,一般使用type="text/css"
  2. rel 屬性
    link標籤中的rel屬性,定義了文檔與連結的關係.
    rel屬性通常出現在a,link標籤中
    屬性值
    Alternate -- 定義交替出現的連結
    Stylesheet -- 定義一個外部載入的樣式表
    Start -- 通知搜尋引擎,文檔的開始
    Next -- 記錄文檔的下一頁.(瀏覽器可以提前載入此頁)
    Prev -- 記錄文檔的上一頁.(定義瀏覽器的後退鍵)
    Contents
    Index -- 當前文檔的索引
    Glossary -- 詞彙
    Copyright -- 當前文檔的著作權
    Chapter -- 當前文檔的章節
    Section -- 作為文檔的一部分
    Subsection -- 作為文檔的一小部分
    Appendix -- 定義文檔的附加資訊
    Help -- 連結協助資訊
    Bookmark -- 書籤
  3. rev 屬性
    link標籤中的rev屬性,定義了文檔與連結的關係
    rev與rel很相似,屬於保留標籤
  4. Alternate 屬性值
    alternate是LinkTypes的一個值,網頁設計者可以通過此值,設計交替出現的連結
    Alternate屬性值通常在,rel,rev屬性中出現

    樣本
    定義兩種不同的樣式,使用者可以通過瀏覽器選擇樣式(ie不支援此屬性)
    <link rel="stylesheet" type="text/css" title="blue" href="dreamdublue.css" />
    <link rel="alternate stylesheet" type="text/css" title="red" href="dreamdured.css" />
    可以通過http://www.dreamdu.com/feed/讀取http://www.dreamdu.com/的內容
    <link rel="alternate" type="application/rss+xml" href="http://www.dreamdu.com/feed/" />
    HTML alternate 案例 轉場樣式表示例

  5. start next prev 屬性值
    start next prev,全部屬於LinkTypes,此值通常可以提示瀏覽器文章的開始,下一篇,上一篇的url
    start next prev屬性值通常在,rel,rev屬性中出現
    樣本
    <link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
    <link rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" />
    <link rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />
    HTML start next prev 樣本
    next -- 記錄文檔的下一頁.(瀏覽器可以提前載入此頁)
    prev -- 記錄文檔的上一頁.(定義瀏覽器的後退鍵)
    start -- 通知搜尋引擎,文檔的開始

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.