您现在的位置是：网站首页> 编程资料编程资料
关于HTML5你必须知道的28个新特性,新技巧以及新技术基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作HTML5 history新特性pushState、replaceState及两者的区别 HTML5有哪些新特征Html5新特性用canvas标签画多条直线附效果截图html5声频audio和视频video等新特性详细说明百度：用HTML5新特性开发移动App 蒋宇捷 PDF清晰版HTML5中语义化 b 和 i 标签HTML5新特性之语义化标签
2023-10-15
352人已围观
简介 HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考
1. 新的Doctype
尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染
2. Figure元素
用和来语义化地表示带标题的图片
3. 重新定义的
已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明
4. 去掉link和script标签里面的type属性
5. 加/不加 括号
HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签
6. 让你的内容可编辑，只需要加一个contenteditable属性
7. Email Inputs
如果我们给Input的type设置为email，浏览器就会验证这个输入是否是email类型，当然不能只依赖前端的校验，后端也得有相应的校验
8. Placeholders
这个input属性的意义就是不必通过javascript来做placeholder的效果了
9. Local Storage
使用Local Storage可以永久存储大的数据片段在客户端（除非主动删除），目前大部分浏览器已经支持，在使用之前可以检测一下window.localStorage是否存在
10. 语义化的header和footer
11. 更多的HTML5表单特性
12. IE和HTML5
默认的，HTML5新元素被以inline的方式渲染，不过可以通过下面这种方式让
其以block方式渲染
header, footer, article, section, nav, menu, hgroup {
display: block;
}
不幸的是IE会忽略这些样式，可以像下面这样fix:
document.createElement(”article”);
document.createElement(”footer”);
document.createElement(”header”);
document.createElement(”hgroup”);
document.createElement(”nav”);
document.createElement(”menu”);
13. hgroup
一般在header里面用来将一组标题组合在一起，如
14. Required属性
required属性定义了一个input是否是必须的，你可以像下面这样声明
或者
15. Autofocus属性
正如它的词义，就是聚焦到输入框里面
16. Audio支持
HTML5提供了
尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染
2. Figure元素
用
This is an image of something interesting.
3. 重新定义的
已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明
4. 去掉link和script标签里面的type属性
5. 加/不加 括号
HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签
6. 让你的内容可编辑，只需要加一个contenteditable属性
7. Email Inputs
如果我们给Input的type设置为email，浏览器就会验证这个输入是否是email类型，当然不能只依赖前端的校验，后端也得有相应的校验
8. Placeholders
这个input属性的意义就是不必通过javascript来做placeholder的效果了
9. Local Storage
使用Local Storage可以永久存储大的数据片段在客户端（除非主动删除），目前大部分浏览器已经支持，在使用之前可以检测一下window.localStorage是否存在
10. 语义化的header和footer
11. 更多的HTML5表单特性
12. IE和HTML5
默认的，HTML5新元素被以inline的方式渲染，不过可以通过下面这种方式让
其以block方式渲染
header, footer, article, section, nav, menu, hgroup {
display: block;
}
不幸的是IE会忽略这些样式，可以像下面这样fix:
document.createElement(”article”);
document.createElement(”footer”);
document.createElement(”header”);
document.createElement(”hgroup”);
document.createElement(”nav”);
document.createElement(”menu”);
13. hgroup
一般在header里面用来将一组标题组合在一起，如
Recall Fan Page
Only for people who want the memory of a lifetime.
14. Required属性
required属性定义了一个input是否是必须的，你可以像下面这样声明
或者
15. Autofocus属性
正如它的词义，就是聚焦到输入框里面
16. Audio支持
HTML5提供了
相关内容
- HTML5的标签的代码的简单介绍 HTML5标签的简介浅谈HTML5 FileReader分布读取文件以及其方法简介HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5的一个显示电池状态的API简介HTML5是什么 HTML5是什么意思 HTML5简介HTML5安全介绍之内容安全策略（CSP）简介html5新增的定时器requestAnimationFrame实现进度条功能HTML5新增加的功能详解iPhone5和iOS6上HTML5开发的新增功能html5简介及新增功能介绍
- html5 兼容IE6结构的实现代码html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 全民英雄扫荡战场紫卡攻略心得 扫荡战场能不能获得紫卡_手机游戏_游戏攻略_
- 全民英雄萨尔出装攻略心得 全民英雄萨尔怎么搭配装备_手机游戏_游戏攻略_
- 全民英雄凤凰定位与培养价值全面解析_手机游戏_游戏攻略_
- 爸爸去哪儿 第18关 图文攻略_手机游戏_游戏攻略_
- 爸爸去哪儿 第19关 图文攻略_手机游戏_游戏攻略_
- 天天飞车无限燃油烧饼修改器辅助教程攻略 刷金币刷分心得_手机游戏_游戏攻略_
- 天天飞车好友不显示怎么解决 好友不显示的快速解决办法_手机游戏_游戏攻略_
- 天天飞车双倍金币获得技巧攻略 刷金币刷分心得_手机游戏_游戏攻略_
点击排行
本栏推荐
