HTML5新标签

HTML5新标签:

标签定义外部的内容 结构元素 定义页面内容之外的内容。 aside的内容与article的内容相关。结构元素 定义一组媒介内容的分组，以及它们的标题。结构元素 标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分结构元素 定义预定义范围内的度量。仅用于已知最大和最小值的度量 内联元素

定义任何类型的任务的进度。可以使用标签来显示javascript中耗费时间的函数的进度内联元素 定义一个日期/时间 内联元素

定义声音内容。内嵌元素 audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式 定义视频。内嵌元素)

Ogg支持firefox3.5，opera10.5，chrome3.0 Mpeg 4 支持chrome3.0，safsri3.0 Video也支持多个source元素，链接到不同的视频文件，浏览器将使用第一个可识别的格式 属性值： autoplay=”autoplay”就绪后马上播放 loop=“loop”播放完再次播放 定义命令按钮 交互元素 定义下拉列表,与input元素配合使用该元素，定义input可能出现的值，datalist的选项不会被显示出来，它仅仅是合法的输入值列表交互元素 定义元素的细节 交互元素

定义图形,绘制路径，矩形，圆形，字符以及添加图像的方法 Canvas元素本身没有绘图能力，所有的绘制工作必须在javascript内部完成 渐变 定义对话会话dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容。结构元素 定义外部交互内容或插件 为服务器发送的事件定义目标 定义 section 或 page 的页脚 标签定义 figure 元素的标题。

HTML5新功能对网站发展的趋势:

HTML5是HTML4的升级版本，相比于后者，HTML5增加了Web网页的表现力，同时也增加了表单、本地数据等全新功能，对于我们网站的建设是一个全新的体验，也是一个机遇，因为HTML5里面众多功能的创新以及改革对于我们未来网站建设是一个很好的指引。 2

一 HTML5出现了新的 标记

Flash各位站长都知道，相信这是一个让大家很头疼的东西，有些站长为了使自己的画面更加华丽动感，所以就在首页中加载了各种各样的Flash视频，这样一来，网页效果虽然得到了提升，但是网站访问速度就下去了。因为当游客打开一个网站的时候，这些臃肿的Flash视频就会加载，只有加载完成后才能呈现，如果你的主机是共享的，那么你网站的加载速度就会相当的悲催。

HTML5之所以会被大家普遍赞誉，关键还在于它在用户体验上的突破，相比于HTML4，HTML5新增了 和 标记，它能将音频以及视频完美的嵌入到网页中，而不影响网站的加载速度，相比于我之前说的 标记， 和 标记更加人性化，可以让用户体验到全新的页面感觉。 5

四 管理起来更加方便

笔者之前提到HTML5新增了本地数据这个新的功能，这个功能将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web 程序也将因此获益匪浅，此外，由于HTML5加入了全新的表单，使得我们建站的时候对于URL可以使用微数据，这一方式的改变，能让我们更干净的管理网 页，使整个网站的整体层次分明，对于搜索引擎是相当有好的。 6

当然以上并不是HTML5的全部优点，我只是列举了几个对于我们建站比较有利的方面，不过HTML5现在的功能有了很大的完善，浏览器已经支持 HTML5的部分功能，网站使用HTML5不断地更新代码也有些完善，这对于自己时间以及精力的考验都是巨大的。但是Y+外贸网站在这种技术不是很完善的情况下，还是采用了，因为Y+外贸网站要突破传统网站，走入新的互联网时代

但是HTML5就不一样了，它产生了新的 标记，它不仅能提供Flash相关的功能，而且能让网站视频加载速度大幅下降，这使得网站不必为了访问速度而减少视频的应用。 大家可以了解一下Y+外贸网站就是通过HTML5改变以这一现状。 3

二 HTML5出现了新的 和 标记

网站结构是蜘蛛爬行的基础，网站只有拥有明晰的层次才能进一步提高蜘蛛的爬行效果以及抓取率，但是之前立于HTML4的CSS+DIV程序虽然让网站 的目录、导航等栏目设置清晰明了，但它却不能给蜘蛛提供一个最快到达网站各个角落的途径，而HTML5就改变了这些，它的设计更好的迎合了网站的解剖结 构，位于页面上的蜘蛛就好像在圆心处，任何一个角落都是一样的路程，这就加大了蜘蛛的“访问深度”，有利于网站整体权重的提高。 4

三 出现了音频以及视频的嵌入功能