溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中head標(biāo)簽的用法案例

發(fā)布時間：2020-10-12 17:25:51 來源：億速云 閱讀：119 作者：小新 欄目：web開發(fā)

小編給大家分享一下html中head標(biāo)簽的用法案例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html head標(biāo)簽的定義和用法：

<head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。

下面這些標(biāo)簽可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<title> 定義文檔的標(biāo)題，它是 head 部分中唯一必需的元素。

提示：應(yīng)該把 <head> 標(biāo)簽放在文檔的開始處，緊跟在 <html> 后面，并處于 <body> 標(biāo)簽或 <frameset> 標(biāo)簽之前。

提示：請記住始終為文檔規(guī)定標(biāo)題！

HTML<head>標(biāo)簽實例

一個簡單的 HTML 文檔，帶有最基本的必需的元素：

<html>
<head>
  <title>文檔的標(biāo)題</title>
</head>
<body>
  文檔的內(nèi)容... ...
</body>
</html>

html head標(biāo)簽的可選的屬性：

profile  ： URL   ： 一個由空格分隔的 URL 列表，這些 URL 包含著有關(guān)頁面的元數(shù)據(jù)信息。

html head標(biāo)簽的主要內(nèi)容：

<head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。

head位于html網(wǎng)頁的頭部,<html>后<body>前的標(biāo)簽，并以<head>開始以</head>結(jié)束的一html標(biāo)簽。

html head標(biāo)簽的使用實例：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>認(rèn)識head標(biāo)簽</title>
    </head>
    <body>
        <h2>歡迎來到億速云</h2>
    </body>
</html>

文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。

<title>標(biāo)簽：在<title>和</title>標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁的標(biāo)題信息，它會出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁的title標(biāo)簽用于告訴用戶和搜索引擎這個網(wǎng)頁的主要內(nèi)容是什么，搜索引擎可以通過網(wǎng)頁標(biāo)題，迅速的判斷出網(wǎng)頁的主題。每個網(wǎng)頁的內(nèi)容都是不同的，每個網(wǎng)頁都應(yīng)該有一個獨一無二的title。

html head標(biāo)簽中的title標(biāo)簽的實例：

<head>
    <title>hello world</title>
</head>

html head標(biāo)簽中包含的元素：

title,base,link,meta,script,style等常用標(biāo)簽。

html head標(biāo)簽中包含的元素解釋：

  • title是網(wǎng)頁唯一標(biāo)題標(biāo)簽 -title標(biāo)簽

  • base是網(wǎng)頁默認(rèn)打開方式聲明標(biāo)簽base

  • link是一個鏈接標(biāo)簽，包括外部css文件引用、js文件引用、favicon.ico圖標(biāo)引用等作用link介紹

  • meta包含廣泛的內(nèi)容標(biāo)簽，如網(wǎng)頁關(guān)鍵字、網(wǎng)頁介紹、作者、網(wǎng)頁編碼、robots、自動跳轉(zhuǎn)等聲明及說明標(biāo)簽。 meta介紹

  • script是引入外部js文件作用

  • style直接嵌入網(wǎng)頁的js或css文件標(biāo)簽。

瀏覽器支持

所有瀏覽器都支持 <head> 標(biāo)簽。

以上是html中head標(biāo)簽的用法案例的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手