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