head中的常用標(biāo)簽

head標(biāo)簽的定義及用法

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

head中的常用標(biāo)簽

  1. title標(biāo)簽:定義文檔的標(biāo)題,它是 head 部分中唯一必需的元素。

  2. meta標(biāo)簽:提供有關(guān)頁(yè)面的元信息,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。位于文檔的頭部,不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)只能存在于 head 部分,可出現(xiàn)任何次數(shù)。。meta標(biāo)簽屬性如下:
    <ul>
    <li>content屬性:必須屬性。提供了名稱/值對(duì)中的值。該值可以是任何有效的字符串。始終要和 name 屬性或 http-equiv 屬性一起使用。
    </li>
    <li>name屬性:可選屬性。name 屬性提供了名稱/值對(duì)中的名稱。HTML 和 XHTML 標(biāo)簽都沒(méi)有指定任何預(yù)先定義的 <meta> 名稱。通常情況下,您可以自由使用對(duì)自己和源文檔的讀者來(lái)說(shuō)富有意義的名稱。name的值可以為:author,description,keywords(為文檔定義了一組關(guān)鍵字,可用于搜索引擎優(yōu)化),generator,revised,others。示例如下:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

</li>
<li>http-equiv 屬性:可選屬性。http-equiv 屬性為名稱/值對(duì)提供了名稱。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對(duì)。當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí),會(huì)先發(fā)送許多名稱/值對(duì)。雖然有些服務(wù)器會(huì)發(fā)送許多這種名稱/值對(duì),但是所有服務(wù)器都至少要發(fā)送一個(gè):content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔。使用帶有 http-equiv 屬性的 <meta> 標(biāo)簽時(shí),服務(wù)器將把名稱/值對(duì)添加到發(fā)送給瀏覽器的內(nèi)容頭部。示例如下:

//服務(wù)器向?yàn)g覽器發(fā)送帶有如下信息的文檔
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

這樣發(fā)送到瀏覽器的頭部就會(huì)包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

http-equiv 屬性的值為:content-type,expires,refresh,set-cookie。示例如下:

//文檔類型為html
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
//在網(wǎng)址已經(jīng)變更的情況下,將用戶重定向到另外一個(gè)地址
<meta http-equiv="Refresh" content="5;url=http://www.baidu.com" />

</li>
</ul>

3.link標(biāo)簽:<link> 標(biāo)簽定義文檔與外部資源的關(guān)系。<link> 標(biāo)簽最常見(jiàn)的用途是鏈接樣式表。只能存在于 head 部分,可出現(xiàn)任何次數(shù)。

link標(biāo)簽.png

4.script標(biāo)簽:<script> 標(biāo)簽用于定義客戶端腳本,比如 JavaScript。
script 元素既可以包含腳本語(yǔ)句,也可以通過(guò) src 屬性指向外部腳本文件。
必需的 type 屬性規(guī)定腳本的 MIME 類型。
JavaScript 的常見(jiàn)應(yīng)用時(shí)圖像操作、表單驗(yàn)證以及動(dòng)態(tài)內(nèi)容更新。

5.style標(biāo)簽:<style> 標(biāo)簽用于為 HTML 文檔定義樣式信息。
在 style 中,您可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔。
type 屬性是必需的,定義 style 元素的內(nèi)容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。

6.base標(biāo)簽:<base> 標(biāo)簽為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。
通常情況下,瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來(lái)填寫相對(duì) URL 中的空白。
使用 <base> 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 URL,而使用指定的基本 URL 來(lái)解析所有的相對(duì) URL。這其中包括 <a>、<img>、<link>、<form> 標(biāo)簽中的 URL。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評(píng)論 19 139
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評(píng)論 1 41
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 12,428評(píng)論 6 13
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,213評(píng)論 2 21
  • 今天正常被鬧鐘叫醒,醒來(lái)第一件事就是慶幸:太好了,我還沒(méi)有死。想著昨晚心臟加速跳動(dòng)的不行,隔著肌膚我都能感覺(jué)到它要...
    殿果閱讀 317評(píng)論 0 0

友情鏈接更多精彩內(nèi)容