HTML5 文檔省略了< html>、< head>、< body>等元素,使用HTML5的 DOCTYPE 聲明文檔類型,簡化< meta>元素的charset屬性值,省略 < p>元素的結束標記,使用 <元素/> 的方式來結束 < meta>元素,以及 < br> 元素等語法知識要點。
一個簡單的 HTML5 文檔基本結構:
<!DOCTYPE html>
<meta charset="UTF-8"> <!--head部-->
<title>HTML5 基本語法</title>
<h1>HTML</h1> <!--body部-->
<p>HTML5 的目標是爲了能夠創建更簡單的Web程序,書寫出更簡介的HTML代碼。
<br/>例如,爲了使Web應用程序的開發變得更加容易,提供了很多API;爲了使HTML變得更簡潔,開發出了新的屬性、新的元素等。總體來說,爲下一代Web平臺提供了許多新的功能。
與HTML4對比 :
1.內容類型:HTML5 的文件擴展名和內容類型保持不變。如,擴展名仍爲“.html”或“.htm”,內容類型(ContentType)仍爲“text/html”。
2.文檔類型:DOCTYPE 命令聲明文檔類型,它是 HTML 文檔必不可少的組成部分,且必須位於代碼的第一行。HTML5 相較於 HTML4 進行了簡化。
HTML 4.01:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 5: 不用刻意版本聲明,一份文檔適用於所有版本
<!DOCTYPE html>
使用工具時,也可在 DOCTYPE 聲明中加入 SYSTEM 識別符,方法如下:
<!DOCTYPE HTML SYSTEM "about : legacy-compat">
3.字符串編碼:
HTML4 中使用 meat 元素定義文檔的字符編碼 如下:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
HTML5 中繼續沿用 meat 元素定義文檔的字符編碼,但是簡化了charset 屬性的寫法,如:
<meta charset="UTF-8">