简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

html link標籤有什麼作用？ html link標籤的定義與屬性介紹

寻∝梦
發布： 2018-08-18 17:18:57
原創
22090 人瀏覽過

html link標籤有什麼作用？ html link標籤中定義及屬性介紹,下面開始本章的內容，主要給大家說的是html link標籤的定義和作用，還有HTML link標籤的屬性介紹及屬性作用

html link標籤的定義與用法：

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

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

html的link標籤是用於目前文件引用外部文件用的，rel屬性用於設定物件和連結目的間的關係。 rel是relationship的英文縮寫；stylesheet中style是樣式的意思,sheet是表格之意,總起來是樣式表的意思。 rel="stylesheet" 描述了目前頁面與href所指定文件的關係。即說明href連接的文檔是一個樣式表。

這有實例：

<link  rel="stylesheet"  href="style.css" type="text/css" />
登入後複製

HTML 標籤實例：

連結一個外部樣式表：

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
登入後複製

html link標籤的屬性：

html link標籤有什麼作用？ html link標籤的定義與屬性介紹

#html link標籤的作用：

link rel=canonical 指定規範網址

       對於動態網站來說，出現許多重複的網頁可以存取相同的內容是很正常的。例如，PHP中文網

       原始連結是：http://www.php.cn/index.html

       存取兩個網址都可以檢視到php中文網首頁，對於搜尋引擎優化來說，這就是重複了的網頁內容。所以為了告訴搜尋引擎這個頁面只         需要一個網址訪問，就可以使用like rel=canonical 來告訴搜尋引擎。

html link標籤的屬性作用：

link re=shortcut icon 指定網站小圖示

       網站小圖標，一般IE只支援ico格式的16x16px 的圖標;rel屬性必須包含shortcut, 才會在IE下顯示; link rel="shortcut icon" 供IE......           覽器調用.ico圖標，link rel="icon"供其它瀏覽器調用。 png等其他格式圖示;

link rel=stylesheet 網站CSS位址

       這個比較常用，無論是做Web前端設計，或是網站入門都必須要熟悉這個，這就是知道網站CSS樣式的標籤。

link media=print 定義列印格式

       規定了文件顯示在列印裝置上時的CSS樣式。

提示與註解：

註解：link 元素是空元素，它只包含屬性。

註解：此元素只能存在於 head 部分，不過它可出現任何次數。

HTML 與 XHTML 之間的差異

在 HTML 中， 標籤沒有結束標籤。

在 XHTML 中， 標籤必須正確地關閉。

HTML 4.01 與 HTML5之間的差異

一些 HTML 4.01 屬性在 HTML5 中不支援。

HTML5 新增了 "sizes" 屬性。

【相關推薦】

html title標籤的作用是什麼？關於html title標籤的詳細介紹

html align屬性是什麼意義？ html中的align屬性設定方法介紹

以上是html link標籤有什麼作用？ html link標籤的定義與屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
html link
來源：php.cn
上一篇：html colspan屬性的定義是什麼？ html colspan屬性的使用方法介紹 下一篇：html bdo標籤是什麼意思?html bdo的使用方法詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何在Vue.js中的方法內觸發輸入焦點事件？ 我有一個使用以下事件的輸入：<b-nputclass="input"id="link"v-model="link"...
來自於 2023-10-29 23:56:42
0
2
270
我們應該手動檢查 mysqli_connect() 錯誤嗎？ mysqli_connect()的PHP手冊建議檢查回傳值並在螢幕上顯示錯誤訊息。 $link=mysqli_connect("127.0.0.1","...
來自於 2023-10-27 10:51:49
0
1
288
標題重寫為：消除HTML按鈕中的空格 所以我正在為一個基於electron的客戶端編寫退出按鈕，經過研究如何根據螢幕大小調整大小後，按鈕旁邊顯示了一個白色空白。當我嘗試將其移動到正確的位置時，它還在下面創建了一個巨大的...
來自於 2023-09-15 13:01:31
0
1
334
在sql中插入多個輸入時出錯 這是我使用的查詢constdbQuery=INSERTINTO任務（活動、類型、參與者、價格、連結、密鑰、可訪問性）VALUES('${activity}','${type}','...
來自於 2023-09-14 21:56:33
0
1
201
從第 1 頁路由到第 2 頁，然後使用瀏覽器回到第 1 頁，會破壞第 1 頁 我正在使用基於next13.4.5和/app的打字稿路由。在我的第1頁中，我有(next/link)，我可以從該頁面導航到第2頁。如果我使用瀏覽器後退按鈕回到第1頁，整個頁面就會中...
來自於 2023-09-14 21:00:00
0
1
177
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！