HTML5的基本入门格式介绍
學(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>
位于之后,也被稱為根標(biāo)簽。根標(biāo)簽主要用于告知瀏覽器其自身是一個(gè)HTML文檔,其中< html>標(biāo)志著HTML文檔的開(kāi)始,</ html>則標(biāo)志著HTML文檔的結(jié)束,在它們之間是文檔的頭部和主體內(nèi)容。
3.< head>
< html>位于<!doctype>之后用于定義HTML文檔的頭部信息,也被稱為頭部標(biāo)簽,緊跟在之后。頭部標(biāo)簽主要用來(lái)封裝其他位于文檔頭部的標(biāo)簽,例如< title>、< meta>、< link>及< style>等,用來(lái)描述文檔的標(biāo)題、作者,以及與其他文檔的關(guān)系。
4.< body>
< body>用于定義HTML文檔所要顯示的內(nèi)容,也被稱為主體標(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所示。
圖 2 HTML5文檔基本格式
值得一提的是,除了上述的文檔結(jié)構(gòu)標(biāo)簽外,HTML5還簡(jiǎn)化了標(biāo)簽,讓定義字符編碼的格式變得更加簡(jiǎn)單。
本文來(lái)自千鋒教育,轉(zhuǎn)載請(qǐng)注明出處。
總結(jié)
以上是生活随笔為你收集整理的HTML5的基本入门格式介绍的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: CSS样式规则-CSS结构的特点
- 下一篇: web前端技术分享Electron之IP