HTML5的新特性有哪些?

HTML5的新特性有哪些?_第1张图片

HTML5是近年来Web开发标准最巨大的飞跃。与以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图像、动画,以及同计算机的交互都被标准化。

HTML5在以前浏览器发展的基础上对标记进行了简化。另外,HTML5中对标记从语法上也进行了分类。

(1) 不允许写结束符的标记:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

(2) 可以省略结束符的标记:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th。

(3) 可以完全省略的标记:html、head、body、colgroup、tbody。

在HTML4的基础上HTML5新增了很多标记,下面列举部分新增标记,如表1所示。

■ 表1 HTML5部分新增标记

HTML5的新特性有哪些?_第2张图片

01、简化的文档类型和字符集

1.简化的文档类型

声明位于HTML文档中的最前面的位置,它位于标签之前。该标签告知浏览器文档所使用的HTML或 XHTML规范。在HTML4中,标签可以声明三种DTD类型,分别表示严格版本(Strict)、过渡版本(Transitional)和基于框架(Frameset)的HTML文档。

HTML5只支持HTML一种文档类型。定义代码如下:

之所以这么简单,是因为HTML5不再是SGML(Standard Generalized Markup Language,标准通用标记语言,一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源)的一部分,而是独立的标记语言。这样,设计HTML文档时就不需要考虑文档类型了。

2. 字符集

如果要正确地显示HTML页面,浏览器必须知道使用何种字符集。HTML4的字符集包括ASCII、ISO-8859-1、Unicode等很多类型。

HTML5的字符集也得到了简化,只需要使用UTF-8即可,使用一个meta标记就可以指定HTML5的字符集,代码如下:

02、HTML5的新结构

HTML5的设计者们认为网页应该像XML文档和图书一样有结构。通常,网页中有导航、网页体内容、工具栏、页眉和页脚等结构。HTML5中增加了一些新的标记以实现这些网页结构,这些新标记及其定义的网页布局如图1所示。

HTML5的新特性有哪些?_第3张图片

■ 图1 HTML5网页布局示例

下面列出网页布局的相关标记。

标记用于定义文档中的区段,如章节、页眉、页脚或文档中的其他部分。

标记用于定义文档的页眉(介绍信息)。

标记用于定义区段(section)或文档的页脚。通常,该元素包含作者的姓名、文档的创作日期或者联系方式等信息。

你可能感兴趣的:(H5,html5,前端,javascript)