首頁 >web前端 >html教學 >html link標籤有什麼作用? html link標籤的定義與屬性介紹

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

寻∝梦
寻∝梦原創
2018-08-18 17:18:5722199瀏覽

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中文網其他相關文章!

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