第一课 HTML5与HTML4的区别

1.推出的理由及目标

   1.1 HTML5的出现，对于Web来说意义非常重大，因为它的意图是想把目前Web上存在的各种问题一并解决掉。

    1.1.1 Web浏览器之间的兼容性很低(之前存在的问题规范不统一，没有被标准化在H5被解决了，H5的作用是详细分析各浏览器所具有的各Web功能，然后以此为基准，要求各浏览器所有的内部功能都要符合一个通用标准)

    1.1.2 文档结构不够明确

(为了要表示标题、正文之前一般都会使用DIV元素，但是严格来说DIV不是一个能把文档结构表现得很清楚的元素，使用过多，阅读时不仔细研究很难看出文档的结构，而且对于搜索引擎或者屏幕阅读等应用程序来说过多的使用DIV元素这些程序就连从哪儿到哪儿算是正文都无法辩认，在H5中，为了解决这个问题，增加了很多跟结构相关的元素)

    1.1.3 Web应用程序的功能受到了限制

(HTML与Web应用程序的关系十分地薄弱，Web程序的执行过程是先从网络下载，然后忠实地执行，因此它会对危xie到网络的应用程序进行限制。HTML5为了弥补这方面的问题，H5开发了许多API)

   1.2 世界知名浏览器厂商对HTML5的支持

   1.2.1 微软、 Google、苹果 、Opera、Mozilla

   1.3 语法的改变

    1.3.1 内容类型

    1.3.2 DOCTYPE声明

    1.3.3 指定字符编码

    1.3.4 可以省略标记的元素

如以checkbox为例，以下图所示三种方式都是可以的且都表示为选中状态

新增的元素和废除的元素

新增的结构元素

section、article、aside、header、hgroup、footer、nav、figure

新增的主体结构元素

article元素

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容，它可以是一篇博客或者摄影刊中的文章，一篇论坛贴子、一段用户评论或独立的插件，或其它任何独立的内容。

article元素可以嵌套使用。

article元素可以用来表示插件

nav元素

nav元素是一个可以用作页而导航的连接组，其中的导航元素链接到其它页面或当前页面的其它部分。并不是所有的连接组都要被放进nav元素，只需要将主要的、基本的连接组放进nav元素即可。

nav元素应用场景：

传统导航条

侧边栏导航

页内导航

翻页操作

新增的非主体结构元素

header元素

header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区域 的标题 ，但是也可以包含 其它内容，例如数据表格、搜索表单或相关的logo图片。

header可以出现多次

新增的其它元素

video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、

canvas、command、details、datalist、datagrid、keygen、output、source、menu

新增的input元素类型

email、url、number、range、DataPickers

废除的元素

能使用CSS的元素：basefont、big 、center、font,s,tt,u等

不能使用frame框架

只有部分浏览器支持的元素

新增的属性和废除的属性

新增的属性

表单相关的属性

链接相磁的属性

其它属性

废除的属性

全局属性

contentEditable属性

designMode属性

hidden属性

spellcheck属性

tabindex属性

    1.3.5 具有boolean值的属性

    1.3.6 省略引号

 

转载于:https://www.cnblogs.com/wshnx/p/6478850.html