HTML5基本結構和語法

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">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章