引入Css樣式中link和rel是什麼意思
- WBOY原創
- 2022-06-30 11:47:247657瀏覽
引入Css樣式中的link和rel：1、link是html中用來定義文件與外部資源關係的標籤，最常見的用途就是連接css樣式表；2、rel是規定目前文件與被連結文件或資源之間關係的屬性，引入樣式語法為「」。
本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。
引入Css樣式中link和rel是什麼意思
link
# 標籤定義文件與外部資源的關係。
標籤最常見的用途是連結樣式表。
注意： link 元素是空元素，它只包含屬性。
注意： 此元素只能存在於 head 部分，不過它可出現任何次數。
rel 屬性
rel 屬性是必須的，規定目前文件與被連結文件/資源之間的關係。
語法為：
<link rel="value">
該屬性的屬性值如下：
alternate 連結到該文件的替代版本（例如列印頁、翻譯或鏡像）。
author 連結到該文件的作者。
help 連結到說明文件。
icon 導入表示該文件的圖示。
license 連結到該文件的版權資訊。
next 表示該文件是集合中的一部分，且集合中的下一個文件是被引用的文件。
prefetch 規定應該對目標資源進行快取。
prev 表示該文件是集合中的一部分，且集合中的上一個文件是被引用的文件。
search 連結到針對文件的搜尋工具。
stylesheet 要匯入的樣式表的 URL。
範例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通过样式文件 styles.css 渲染后显示的。</h1> <p>我也是。</p> </body> </html>
輸出結果：
以上是引入Css樣式中link和rel是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn