」。"/> 」。">

首頁  >  文章  >  web前端  >  引入Css樣式中link和rel是什麼意思

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

WBOY
WBOY原創
2022-06-30 11:47:247531瀏覽

引入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 屬性是必須的,規定目前文件與被連結文件/資源之間的關係。

語法為:

<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是什麼意思

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn