前端HTML5基本格式【前端技術(shù)文章】

更新時(shí)間:2020-10-27 來(lái)源:黑馬程序員瀏覽量:

學(xué)習(xí)任何一門(mén)語(yǔ)言都要掌握它的基本格式，就像寫(xiě)信需要符合書(shū)信的格式要求一樣。想要學(xué)習(xí)HTML5，同樣需要掌握HTML5的基本格式。本節(jié)將通過(guò)和XHTML結(jié)構(gòu)的對(duì)比，講解HTML5文檔的基本格式。
使用Dreamweaver新建XHTML文檔，默認(rèn)文檔時(shí)會(huì)自帶一些代碼，如圖1所示：

圖 1 XHTML文檔基本格式

　　在圖1所示的XHTML帶碼中<!doctype>文檔類(lèi)型聲明、<html>、<head>和共同組成了XHTML文檔的結(jié)構(gòu)，具體介紹如下。

　　1.<!doctype>

　　<!doctype>位于文檔的最前面，用于向?yàn)g覽器說(shuō)明當(dāng)前文檔使用哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范。因此只有在開(kāi)頭處使用<!doctype>聲明，瀏覽器才能將該文檔作為有效的HTML文檔，并按指定的文檔類(lèi)型進(jìn)行解析。

　　2.<html>

　　位于之后，也被稱(chēng)為根標(biāo)簽。根標(biāo)簽主要用于告知瀏覽器其自身是一個(gè)HTML文檔，其中<html>標(biāo)志著HTML文檔的開(kāi)始，</html>則標(biāo)志著HTML文檔的結(jié)束，在它們之間是文檔的頭部和主體內(nèi)容。

　　3.<head>

<html>位于<!doctype>之后用于定義HTML文檔的頭部信息，也被稱(chēng)為頭部標(biāo)簽，緊跟在之后。頭部標(biāo)簽主要用來(lái)封裝其他位于文檔頭部的標(biāo)簽，例如<title>、<meta>、<link>及<style>等，用來(lái)描述文檔的標(biāo)題、作者，以及與其他文檔的關(guān)系。

　　4.<body>

　　<body>用于定義HTML文檔所要顯示的內(nèi)容，也被稱(chēng)為主體標(biāo)簽。瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于內(nèi)，才能最終展示給用戶。

需要注意的是，一個(gè)HTML文檔只能含有一對(duì)<body>，且<body>必須在<html>內(nèi)，位于<head>之后，與<head>是并列關(guān)系。

　　在HTML5版本中，文檔格式有了一些的變化。HTML5在文檔類(lèi)型聲明與跟標(biāo)簽上做了簡(jiǎn)化，簡(jiǎn)化后的文檔格式如圖2所示。