黑马程序员_HTML5新特性总结

来源：互联网发布：微信支付html源码编辑：程序博客网时间：2024/05/21 12:28

一、HTML5的优势

解决了跨浏览器问题:在HTML5以前,各浏览器对HTML、JS的支持很不统一，这样就造成了同一个页面在不同浏览器的表现不同。HTML5的目标是详细分析各个浏览器所具有的的功能，并以此为基础制定一个通用规范，并要求各浏览器能支持这个通用标准。

部分代替了原来的JS：HTML5增加了一些非常实用的功能，这些功能可以部分代替JS，而这些功能只要通过为标签增加一些属性即可，如autofocus可用于自动获得焦点。HTML5还支持其他一些属性，比如一些输入校验的属性，以前都是必须通过JS来完成，但现在只要一个HTML5属性即可。

更明确的语义支持：在HTML5以前，如果要表达一个文档结构，只能通过<div.../>元素来实现，而HTML5则为页面布局提供了更明确的语义元素；除此之外，以前的HTML可能会通过<em.../>来表示被强调的内容，则到底是哪一种强调，HTML却无法表达，HTML5则提供了更多的强调元素。例如，<time.../>元素用于强调被标记的内容是日期或时间，而<mark.../>元素则用于强调被标记的文本。

二：HTML5基本结构和语法变化

HTML5完全遵守以下三点规则：兼容性、实用性、非革命性的发展。

HTML5的基本结构：如果有HTML4的基础，学习HTML5非常简单，只要把HTML4中的DTD定义改为如下形式即可---- <!DOCTYPE html>。

HTML5的语法变化：

标签不再区分大小写；

元素可以省略结束标签，它允许部分HTML元素省略结束标签，甚至允许HTML元素同时省略开始标签和结束标签，如：

①空元素语法的元素包括：are、 base、br、col、command、embed等。

②可以省略结束标签的元素：colgroup、dt、dd、li、optgroup、p等等。

③可以省略全部标签的元素：html、head、body、tbody。

允许省略属性值的属性：XHTML要求所有元素的所有属性都必须指定属性值，不能简写，而HTML5允许部分标志性的属性可以省略属性值；

允许属性值不使用引号：传统的XHTML要求所有的属性值都必须用引号引起来，但HTML5允许直接给出属性值而不使用引号。

0 0