HTML5 簡(jiǎn)化HTML5文檔
■實(shí)例說(shuō)明
本節(jié)示例將遵循HTML5語(yǔ)法規(guī)范編寫(xiě)一個(gè)文檔。本例文檔省略了<html><head><body>等標(biāo)簽,使用HTML5的DOCTYPE聲明文檔類型,簡(jiǎn)化<meta>的charset屬性設(shè)置,省略<p>標(biāo)簽的結(jié)束標(biāo)記,使用<元素/>的方式來(lái)結(jié)朿<meta>和<br>標(biāo)簽等。
■設(shè)計(jì)代碼
<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML5基本語(yǔ)法</title>
<h1>HTNL5的目標(biāo)</h1>
<p>HTML5的目標(biāo)是為了能夠創(chuàng)建更簡(jiǎn)單的Web程序,書(shū)寫(xiě)出更簡(jiǎn)潔的HTML代碼。
<br/>例如,為了使Web應(yīng)用程序的開(kāi)發(fā)變得更容易,提供了很多API;為了使HTML變得更簡(jiǎn)潔,開(kāi)發(fā)出了新的屬性、新的元素等??傮w來(lái)說(shuō),為下一代Web平臺(tái)提供了許許多多新的功能。
■演示說(shuō)明
這段代碼在IE瀏覽器中的運(yùn)行結(jié)果如圖所示。
通過(guò)短短幾行代碼就完成了一個(gè)頁(yè)面的設(shè)計(jì),這充分說(shuō)明了HTML5語(yǔ)法的簡(jiǎn)潔。同時(shí),HTML5不是一種XML語(yǔ)言,其語(yǔ)法也很隨意,下面從這兩方面進(jìn)行逐句分析。
第1行代碼如下。
<!DOCTYPE html>
不需要包括版本號(hào),僅告訴瀏覽器需要一個(gè)DOCTYPE來(lái)觸發(fā)標(biāo)準(zhǔn)模式,可謂簡(jiǎn)明扼要。
接下來(lái)說(shuō)明文檔的字符編碼,否則將出現(xiàn)瀏覽器不能正確解析。
<meta charset="UTF-8">
同樣也很簡(jiǎn)單,HTML5不區(qū)分大小寫(xiě),不需要標(biāo)記結(jié)束符,不介意屬性值是否加引號(hào),即下列代 碼是等效的。
<meta charset="UTF-8">
<META charset="UTF-8"/>
<META charset=UTF-8>
在主體中,可以省略主體標(biāo)記,直接編寫(xiě)需要顯示的內(nèi)容。雖然在編寫(xiě)代碼時(shí)省略了<html><head> 和<body>標(biāo)記,但在瀏覽器進(jìn)行解析時(shí),將會(huì)自動(dòng)進(jìn)行添加??紤]到代碼的可維護(hù)性,在編寫(xiě)代碼時(shí),應(yīng)該盡量增加這些基本結(jié)構(gòu)標(biāo)簽。
點(diǎn)擊加載更多評(píng)論>>