首页 > 代码库 > HTML5 使用小结
HTML5 使用小结
1.html5新增的常用元素
(a) <article.../>代表独立完整的一遍文章
(b)<section.../>对页面内容进行分块
(c)<nav.../>专门用于定义页面上的导航条
(d)<aside.../>定义附属信息
(e)<header.../>定义文章头部信息
(f)<footer.../>‘脚注‘
(g)<hgroup.../>含<h1.../>到<h6.../> ?
(h)<figure.../>图片区域
(t)<figcaption.../>图片区域的标题
(o)<mark>重点关注的内容
(p)<time>引入时间
HTML语义化标签的好处：
??? 第一，语义化的标签更容易被搜索引擎识别，这样可以大大提升搜索引擎的识别读取，提升网站的排名。
第二，方便自己，方便别人二次修改，因为什么地方是什么，放的什么东东，看标签结构就看得清清楚楚了。这也算是一种标准规范
2.HTML5?语法的变化
（1）标签不再区分大小写
<p>...</P>
（2）元素可以省略结束标签
不允许写结束标记的标签有： area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
可以省略结束标记的标签有： li、dt、dd、p、rt、rp、op、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
可以省略全部标记的标签有： html、head、body、colgroup、tbody。
“不允许写结束标记的标签”是指，不允许使用开始标记与结束标记将标签括起来的形式，只允许使用“<标签/>”的形式进行书写。
（3）允许省略属性值
checked,readonly,disabled, selected, defer, ismap,noherf,noshade,nowrap,mltiple,noresize?
（4）允许属性值不使用引号
<img src=http://www.mamicode.com/1.jpg>%20%20OK的
（5）?DOCTYPE声明
<!DOCTYPE%20html>
（6）指定字符编码
在%20HTML4%20中，使用%20meta%20标签的形式指定文件中的字符编码，如下所示：
<meta%20http-equiv="Content-Type" content="text/html;charset=UTF-8" >
在 HTML5 中，可以使用对 标签直接追加 charset 属性的方式来指定字符编码，如下所示：
<meta charset="UTF-8">
两种方法都有效，可以继续使用前面那种方式（通过 content 属性来指定），但是不能同时混合使用两种方式，在以前的 HTML代码中可能会存在下面代码所示的标记方式，但在 HTML5 中，这种字符编码方式将被认为是错误的，这一点请注意：
<meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8">
从 HTML5 开始，对于文件的字符编码推荐使用 UTF-8。
?3.HTML5的表单元素
（1）可指定type属性,有 text , password, hidden, radio,checkbox, image, file, submit, reset,button
（2）form = "form_id"表单控制属性，所有表单控件都必须包含在<form.../>内部，没放进去可指定form
（3）formaction
解决页面中一个表单，包含两个以上的提交按钮，不同按钮提交到不同的action
<input type="submit" value="http://www.mamicode.com/注册" formaction="register"/>
<input type="submit" value="http://www.mamicode.com/修改" formaction="login"/>
（4）formmethod post/get
formtarget 改变表单target属性 autofocus: 聚焦
4.HTML5新特性?（兼容性，实用性，互通性和通用访问性）
（1）新增的语义化标签
（2）嵌入音频，视频
（3）本地存储
（4）交互式文档?
(5) Canvas 绘制图形
（6）控制SVG图形做动画
?
HTML5 使用小结