html中的head標(biāo)簽有什么用

發(fā)布時(shí)間：2020-10-13 17:13:14 來(lái)源：億速云閱讀：173 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了html中的head標(biāo)簽有什么用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

首先我們先了解HTML中的head標(biāo)簽在哪里找？

head標(biāo)簽一般都是寫(xiě)在HTML文件的上方，不會(huì)顯示到瀏覽器上去，所以要找head標(biāo)簽的里面的文件，要么去源文件中去查，要么找到那個(gè)HTML文件，用軟件打開(kāi)在里面看。

現(xiàn)在我們看看HTML中的head標(biāo)簽的作用是什么？

HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。

基本HTML頁(yè)面以<html>標(biāo)簽開(kāi)始，以</html>結(jié)束。在它們之間，整個(gè)頁(yè)面有兩部分－－標(biāo)題和正文。

標(biāo)題詞－－夾在<head>和</head>標(biāo)簽之間－－這個(gè)詞語(yǔ)在打開(kāi)頁(yè)面時(shí)出現(xiàn)在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間－－即所有頁(yè)面的內(nèi)容所在。頁(yè)面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。

那么讓我們建立一個(gè)簡(jiǎn)單的范例吧，非常容易的。第一步，當(dāng)然是要建立一個(gè)新的文本文件（記住，如果你在使用比較復(fù)雜的文字處理器，就應(yīng)該用“純文本”或“普通文本”來(lái)保存），將它命名為“xxxx.html”。(隨便你起一個(gè)什么名字,但記住,要用英文)

然后你可以用瀏覽器將它打開(kāi)，你會(huì)看見(jiàn)最簡(jiǎn)單的自己做的頁(yè)面。

如圖：

<head>標(biāo)簽內(nèi)主要包含以下幾種類型的元素:（head標(biāo)簽內(nèi)的元素介紹）

1.<title>:規(guī)定網(wǎng)頁(yè)的標(biāo)題。

2.<meta>:主要給瀏覽器解析或者搜索引擎提供相關(guān)信息。

3.<link>:從外部引入CSS文件。

4.<style>:內(nèi)部定義CSS代碼。

5.<script>:從外部引入js文件或者直接定義js代碼。

6.<base>:為當(dāng)前文檔的所有鏈接設(shè)置基準(zhǔn)鏈接。

HTML頭部分的標(biāo)簽、元素有很多，涉及到瀏覽器對(duì)網(wǎng)頁(yè)的渲染，SEO 等等，而各個(gè)瀏覽器內(nèi)核以及各個(gè)國(guó)內(nèi)瀏覽器廠商都有些自己的標(biāo)簽元素,這就造成了很多差異性。

移動(dòng)互聯(lián)網(wǎng)時(shí)代，head 頭部結(jié)構(gòu)，移動(dòng)端的 meta 元素，顯得更為重要。了解每個(gè)標(biāo)簽的意義，寫(xiě)出滿足自己需求的 head 頭標(biāo)簽，是本文的目的。本篇以一絲的文章為基礎(chǔ)，進(jìn)行擴(kuò)展總結(jié)介紹常用的 head 中各個(gè)標(biāo)簽、元素的意義以及使用場(chǎng)景。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享html中的head標(biāo)簽有什么用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

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

html中的head標(biāo)簽有什么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽