首页 > 代码库 > HTML5的一些常用的新内容以及一些规范
HTML5的一些常用的新内容以及一些规范
1.canvas：canvas是针对于一些简单的图象进行页面绘制，而且方便了修改页面图片（只需要通过修改JS控制的坐标就可以），而使用img的话的不利于维护修改，而且使用canvas绘图会降低占用的空间，但是它的缺点也是非常的明显的，比如说一张非常精细的图片，如果你非要使用canvas来进行绘制的话，如果是非常精美的图片的话你需要使用非常大的时间来进行绘制，所以canvas在对于一些复杂的画面来讲并不是特别的好用。
2.video/audio（视频/音频）：针对于之前页面在家在播放一些视频文件的时候会使用到flash之类的插件导致性能占用较高的问题，video标签可以很好的解决这个问题，直接src链接视频文件即可进行页面播放，并且还附带了很多播放的控件功能例如muted、autoplay、volume、currenttime等。但是它并不是在所有的浏览器上都可以兼容，而且可以使用的视频文件格式比较少，主要支持Ogg、mpeg4、webm这三种视频格式，所以针对这种情况下大部分都是用来制作一些小的视频短片，还有广告，如果是用来专门充当页面的播放器的话并不是特别的合适。
3.表单：在以往的表单元素使用中样式比较少，例如输入框基本就是text，password这两个，但是在Html5新增的一些属性是非常好使用的，例如在之前我们创建一个搜索框时，为了美观我们需要来使用一些别的复杂的方式来进行美化，而现在新添加的<input type=search>属性的就是专门用来做搜索框的,并且非常的好用，并且都是语义化的属性，time-时间，email-电子邮箱。
4.progress：可以通过此标签创建一个进度条，并且进度条可以使用JS脚本来进行控制。
5.data-list：通过此标签的与input一起应用可以定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。
6.语义化布局常用标签：
<header>.用于页面头部的容器
<nav>.用于页面的导航
<footer>.定义页面脚步容器
<section>.主题的容器
<article>.定义页面文章内容的容器
<aside>.定义主体之外的容器（常用语页面两侧的定位广告）
7.我对语义化的理解：用正确的标签去做正确的事，语义化能让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析，即使在没有样式CSS情况下也以一种文档格式来显示，并且是非常容易容易阅读的，而且搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（类似与网络竞价排行，不过不需要花钱），并且呢，语义化标签使得人对网站的维护更加的便捷。
8.html5为什么只需要在头部声明<!DOCTYPE HTML>:HTML5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为，让浏览器能够以HTML5的方式来运行，而HTML4基于SGML所以需要对DTD进行引用才能告诉浏览器文档所使用的文档类型是什么。
HTML5的一些常用的新内容以及一些规范