這篇文章主要介紹html5頭部?jī)?nèi)容通常包括什么內(nèi)容，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比成武網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式成武網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋成武地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

html5頭部?jī)?nèi)容通常包括：1、title標(biāo)簽定義的網(wǎng)頁(yè)標(biāo)題；2、Favicon（網(wǎng)站小圖標(biāo)）；3、編碼方式；4、網(wǎng)站描述；5、頁(yè)面關(guān)鍵字；6、頁(yè)面作者；7、Viewport（移動(dòng)端適配）；8、CSS樣式表；9、JavaScript腳本。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

根據(jù)我們的需求，可以在 HTML 頭部定義大量的元數(shù)據(jù)，也可以定義很少或者根本就不定義。雖然頭部標(biāo)簽是 HTML 文檔的一部分，但其中的內(nèi)容并不會(huì)顯示在瀏覽器中。

html5頭部?jī)?nèi)容

1、網(wǎng)頁(yè)標(biāo)題--

2、Favicon

網(wǎng)頁(yè)標(biāo)題左邊的小圖標(biāo)，指定他的路徑，如果沒有指定，瀏覽器會(huì)在根目錄下尋找

3、編碼方式

編碼方式的規(guī)范是放在head的最前面，如果不指定，瀏覽器也會(huì)根據(jù)服務(wù)器的header進(jìn)行判定，但是不一定準(zhǔn)確。

標(biāo)簽用于提供有關(guān) HTML 文檔的元數(shù)據(jù)，例如頁(yè)面有效期、頁(yè)面作者、關(guān)鍵字列表、頁(yè)面描述等信息。 標(biāo)簽定義的數(shù)據(jù)并不會(huì)顯示在頁(yè)面上，但卻會(huì)被瀏覽器解析。

charset 屬性用來指定 HTML 文檔的字符編碼，上面的示例中，我們將文檔的字符編碼設(shè)置為了“UTF-8”。

4、網(wǎng)站描述

定義頁(yè)面的描述信息有利于搜索引擎的搜索。

5、頁(yè)面關(guān)鍵字

關(guān)鍵字用于為搜索引擎提供與頁(yè)面有關(guān)的信息。

6、頁(yè)面作者

通過某些內(nèi)容管理系統(tǒng)可以自動(dòng)提取作者信息。

7、Viewport（移動(dòng)端適配）

這個(gè)就很常見了，viewport一般是做移動(dòng)端適配，將頁(yè)面放在一個(gè)虛擬的窗口中-viewport中，如果網(wǎng)頁(yè)沒有用viewport就會(huì)出現(xiàn)我們?cè)谑謾C(jī)瀏覽器打開時(shí)很小，而且還可以移動(dòng)縮放，low爆了，viewport就是讓網(wǎng)頁(yè)開發(fā)者通過其大小,動(dòng)態(tài)的設(shè)置其網(wǎng)頁(yè)內(nèi)容中控件元素的大小,從而使得在瀏覽器上實(shí)現(xiàn)和web網(wǎng)頁(yè)中相同的效果(比例縮小)。，用來更好支持響應(yīng)式網(wǎng)站。

• width:控制viewport的大小，一般情況下指定為device-width(單位為縮放為100%的CSS像素),也可以指定一個(gè)固定的值例如600.

• height:和width相應(yīng),指定高度。

• initial-scal:初始縮放比例,頁(yè)面第一次load的時(shí)候的縮放比例。

• maximum-scale:允許用戶縮放到的最大比例。

• minimum-scale:允許用戶縮放到的最小比例。

• user-scalable:用戶是否可以手動(dòng)縮放。

8、內(nèi)嵌CSS樣式--

注意：對(duì)于文檔中的唯一樣式可以使用