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