html5 刷子,初识html5

说是初识，其实html5并非一个全新的东西，而是之前学习过的html超文本标记语言的最新版本。在html5中添加了很多新的东西，使得整个开发变得更加便捷快速，我们一起来看看吧。

1.html5的特点

HTML5新增了离线存储，更丰富的表单，js线程，socket，标准扩展embed，css3，流媒体与多媒体引擎如audio，video，canvas，webgl等等。具有搜索引擎与无障碍领域，移动互联网，跨平台，快速迭代，降低成本，导流入口多，分发效率高的特点。html5是唯一一个通吃pc，mac，iPhone，Android等主流平台的跨平台语言。在当今时代，互联网产品大多免费，且有网络效应，后入者抢夺用户的难度非常大。html5开发比原生app开发成本降低一倍，应用导流也非常容易。有了这么多的特点，难怪html5能在Web开发中独树一帜。下面我们来看看html5相比以前的版本多了哪些标签吧！

2.html5标签的变化

首先html5与以前版本相比，它不基于SGML，因此不需要引用DTD。在第一行声明的时候，也就不需要像之前的版本一样写一长串的DTD文档链接，所以只需要留下以下代码：        //HTML5第一行声明

关于DTD是什么？

文档类型定义(DTD)可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构，html中，DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容。如此说来，其实html也是xml的一种，只不过有了DTD去规定一些个标记的语义使得他们能被浏览器识别。这就是为什么html需要引用DTD的原因啦。

这段声明要放在标签前面，它并非是html标签，它指示的是web浏览器关于页面使用哪个html版本进行编写的指令。

新增的标签

HTML5中新增了结构标签，多媒体标签，web应用标签，还有其它的一些标签

1)结构标签(块状元素)——有意义的div

这些标签都能顾名思义：        //定义一片文章

        //定义一个页面或一个区域的头部

        //定义导航链接

        //定义一个区域

        //定义页面内部的侧边栏

        //定义文件中一个区域的相关信息，几个hn标签放一起

        //定义一组媒体内容及它们的标题

        //定义figure元素的标题

        //定义一个页面或一个区域的底部

        //定义一个对话框

这些标签其实都是div，只不过是有意义的div，使得标签更加的语义化。也正是这些标签有了语义化，他们不能像div那样那么的随性想加多少加多少，想加在哪里就加在哪里。他们有了各自的职责，使用他们的时候要严格的根据他们的语义来使用。

2)多媒体标签        //插入视频

        //插入音频

        //由于视频和音频的格式有很多，这个是媒体资源可以负责对视频音频的转码。 一般和

配合使用

        //定义图片，画布

        //定义外部的可交互的内容或插件，比如flash

多媒体标签的出现，使得富媒体发展以及支持在不使用插件的情况下即可操作媒体文件，大大的提升了用户体验。

3)web应用标签        //实时情况显示：气压，气温等

        //任务过程：安装，加载(进度条)

        //为Input标签定义一个下拉列表，配合option使用，美观又实用

        //定义一个元素的详细内容，配合summary使用，就是一个标题展开和折叠的效果

这些标签的兼容性不是很好，在使用的时候多多考虑浏览器兼容性问题

4)其他标签        //定义注释用的标签，像标注拼音一样把标注的内容标注在头顶，如果不兼容时，

使用 标注补救的显示形式

        //黄色选中文字，像word文档中的黄色刷子一样的效果

        //定义一些输出类型，计算表单结果，配合outinput事件使用