html5 新技术

主要介绍了html的一些新增属性和api

Transcript

1. HTML5新技术(1) hugohua
2. data-***  符合html5规范  高级浏览器支持  js提供dataset方法  jq提供data方法  CSS提供attr() 方法
3. dataset *带连字符连接的名称在使用的时候需要命名驼峰化
4. $(‘’).data() *data方法，页面初始化时缓存数据，后续无法修改属性值。 参考文献： http://www.learningjquery.com/2011/09/using-jquerys-data-apis
5. CSS attr() DEMO
6. Demo
7. datalist *扩展阅读： http://www.zhangxinxu.com/wordpress/2013/03/html5-datalist-实际应用-可行性/
8. download
9. download Download属性：表明一个资源是让用户下载的,而不是立即显示的。 Download如果存在值，则这个值是文件名。 DEMO
10. 下载动态生成的文件 可以通过Bob创建二进制文件，然后用这个属性下载到本地。
11. autofocus Autofocus：页面加载时自动地获得焦点。 仅对 input、button、textarea等表单元素有效 多个autofocus存在时，作用于最后一个 DEMO
12. placeholder 文本框默认文字提示 默认颜色在各浏览器下表现不一致，建议通过CSS重置样式 DEMO
13. Context Menus Chrome暂不支持 DEMO
15. HTML5 JS API • 未完待续 • 3Q