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