引入Css樣式中link和rel是什麼意思

WBOY
發布: 2022-06-30 14:42:32
原創
7406 人瀏覽過

引入Css樣式中的link和rel:1、link是html中用來定義文件與外部資源關係的標籤,最常見的用途就是連接css樣式表;2、rel是規定目前文件與被連結文件或資源之間關係的屬性,引入樣式語法為「」。

引入Css樣式中link和rel是什麼意思

本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。

引入Css樣式中link和rel是什麼意思

link

# 標籤定義文件與外部資源的關係。

標籤最常見的用途是連結樣式表。

注意: link 元素是空元素,它只包含屬性。

注意: 此元素只能存在於 head 部分,不過它可出現任何次數。

rel 屬性

rel 屬性是必須的,規定目前文件與被連結文件/資源之間的關係。

語法為:

登入後複製

該屬性的屬性值如下:

  • alternate 連結到該文件的替代版本(例如列印頁、翻譯或鏡像)。

  • author 連結到該文件的作者。

  • help 連結到說明文件。

  • icon 導入表示該文件的圖示。

  • license 連結到該文件的版權資訊。

  • next 表示該文件是集合中的一部分,且集合中的下一個文件是被引用的文件。

  • prefetch 規定應該對目標資源進行快取。

  • prev 表示該文件是集合中的一部分,且集合中的上一個文件是被引用的文件。

  • search 連結到針對文件的搜尋工具。

  • stylesheet 要匯入的樣式表的 URL。

範例如下:




 
123
 

我是通过样式文件 styles.css 渲染后显示的。

我也是。

登入後複製

輸出結果:

引入Css樣式中link和rel是什麼意思

(學習影片分享:css視頻教學html影片教學

以上是引入Css樣式中link和rel是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!