在網(wǎng)頁(yè)建設(shè)的過程中離不開網(wǎng)頁(yè)制作,而網(wǎng)頁(yè)制作又離不開HTML文件,有網(wǎng)頁(yè)制作經(jīng)歷的小伙伴們一定都知道,在使用編輯器創(chuàng)建一個(gè)html文件的時(shí)候會(huì)自動(dòng)生成一大堆的標(biāo)簽,今天我們就來詳細(xì)介紹一下html中的頭部標(biāo)簽都是什么?代表什么意思?
在html的頭部,我們會(huì)看到有一個(gè)“<!DOCTYPE html>”標(biāo)簽,它是“document type”的縮寫意思就是文檔類型;它是告訴web瀏覽器關(guān)于這個(gè)頁(yè)面需要使用那個(gè)HTML版本進(jìn)行編寫的命令,它的聲明必須是在網(wǎng)頁(yè)的第一行,還要在“<html>”標(biāo)簽之前。這個(gè)是對(duì)HTML5的文檔聲明。
接下來我們看到的是<html lang="en"> 這個(gè)是html標(biāo)簽,里面的屬性“l(fā)ang=‘en’”的意思就是聲明用什么語言來編寫這個(gè)文檔,默認(rèn)的是英文,實(shí)際上也只能使用英文編寫,至于里面的參數(shù)‘en’你也可以換成‘chinese’或者其他都是可以得,但是這個(gè)就不意味著你真的就可以使用中文或者別的什么語言來編寫這個(gè)文檔了。這個(gè)相當(dāng)于是一個(gè)沒有什么用的屬性,但是我沒有刪除過這個(gè)屬性運(yùn)行過,有興趣你可以試試。
在接下來是head標(biāo)簽,head標(biāo)簽里放的基本都是網(wǎng)頁(yè)內(nèi)容在加載前要完成的事,比如說第一個(gè)meta標(biāo)簽”<meta charset="UTF-8">“,這個(gè)標(biāo)簽規(guī)定了這個(gè)文檔使用的是UTF-8的編碼格式,不服你也可以將里面換成UTF-16。再下來就是”<metaname="viewport" content="width=device-width, initial-scale=1.0">“媒體檢測(cè)如果給他在添加幾個(gè)屬性成”<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no " >“,然后就可以實(shí)時(shí)監(jiān)測(cè)當(dāng)前設(shè)備的寬度,而且也規(guī)定了在移動(dòng)端上不能左右滑動(dòng)網(wǎng)頁(yè)。再下來就是”<meta http-equiv="X-UA-Compatible" content="ie=edge">“從后面的”ie“就可以看出來這條信息是針對(duì)ie的,"X-UA-Compatible" 是針對(duì)ie8新加的一個(gè)設(shè)置,除了ie8別的瀏覽器是不識(shí)別的。用于為ie8制定一個(gè)不同的頁(yè)面渲染模式。是一個(gè)首選的兼容代碼。
最后就是<title>Document</title>,這個(gè)不用我說大家都知道這個(gè)是干嘛的,當(dāng)然是定義一個(gè)網(wǎng)頁(yè)的頭部信息的了。再接下來就是我們要引入css使用的link標(biāo)簽,最后就是我們要在其里面寫入內(nèi)容的body標(biāo)簽樓。
一個(gè)網(wǎng)頁(yè)最重要的就是這幾個(gè)標(biāo)簽了,當(dāng)然后期還會(huì)在頭部加上一些例如包含關(guān)鍵詞這樣的標(biāo)簽了,其實(shí)網(wǎng)頁(yè)的頭部和構(gòu)建就是這么的簡(jiǎn)單。