您的位置：首页 > Web前端 > HTML5

HTMLCSS_《HTML5 Up and Running》

2011-04-12 13:11 459 查看

英文版的《HTML5 Up and Running》

　　

*目录索引：2。检测HTML5属性；3。新的语义标签；4。Canvas；5。Video；6。地理位置；7。本地存贮；8。离线应用；9。Form；

　　

－属性检测可以使用modernizr脚本库进行，很方便。当然也可使用特征检测法，如：return !!document.createElement('canvas').getContext; 或者return typeof context.fillText == 'function'; 或者return 'localSorage' in window;或者return !!window.Worker;

　　

－检测input的新属性，可以使用：var i=document.createElement('input'); return 'autofocus' in i;

　　

－未知元素：每个浏览器都有一份自己支持的HTML元素的管理列表（例如FF的就是NsElementTable.cpp），不在其中的都是未知元素。对这些元素有两个问题：１.显示什么样式？２.DOM是什么样的?

　　

－IE对未知元素处理有很多问题。１.不可以对它们设置样式；２.DOM上将显示为一个空的标签，内容的元素将成为其兄弟节点（如图）。解决方法是用脚本创建标签：document.createElement('article');不必插入DOM树中即能正常，但切记放在<head>里，不要放在页面底部，因为那就太迟了。。。

　　
－注意，此方法只是使未知元素可以设置样式，在IE(<9)和Opera中，如article这类未知元素依然只是行内元素，在FF和Safari,Chrome中是块级元素。。。

另外，创建标签而不挂到DOM树上去，也有可能会在IE的低版本中造成内存泄露等问题~~~

　　

－ExplorerCanvas excanvas.js：是一个开源的，Apached-licensed（这个怎么翻？）的js库，用于在IE中使用Canvas API。

　　

－你可能会想到avi,mp4等视频文件，事实上，"AVI","MP4"仅仅是容器格式。就像一个ZIP文件可以存贮各种各样的文件在其中。。。视频容器格式仅仅定义了如何存贮数据，而不是存贮了什么数据。

　　

－要记得你在本地存储中保存的是字符串，而不是数据的原始格式。

　　

阅读笔记内容同步更新在新浪微博上：@峰子的前端笔记

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航