父页面于iframe通信

下面是一个iframe和父页面相互通信的demo,其中使用了一个非常方便的方法postMessage,但是有时候,我们的子页面可能会包含其他业务逻辑,这里面如果也用到了postMessage,就难免会产生冲突,这时候,我们可以使用自定义事件来解决。

为什么 script 标签不能写成自关闭形式

今天早上在 Stack Overflow 看到了这个问题:Why don’t self-closing script tags work? 。答案给出的解释是,在 XHTML 的标准里面规定非EMPTY 标签不能使用自关闭形式。注意这里使用的是全大写的 EMPTY ,所以我不把它翻译为「空白」。

那么 EMPTY 到底是什么呢?写过 DTD 的人应该知道它是个关键字,用来指明一个标签的内容必须是空白,而不能包含文本内容或子节点。看看具体的例子就很容易明白了:

十个超级技巧助你解决CSS兼容问题

现在大部分都是用!important来 hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!找到一个针对IE7 不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了现在写一个CSS可以这样。

一、针对firefox ie6 ie7的css样式
现在大部分都是用!important来 hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!找到一个针对IE7 不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了现在写一个CSS可以这样:

html中几个常用的meta标签

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><!–指定字符集–>
<meta name=”keywords” content=”” /><!–告诉搜索引擎当前网页的关键词–>
<meta name=”description” content=”” /><!–告诉搜索引擎当前网页的主要内容–>
<meta name=”author” content=”” /><!–告诉搜索引擎当前站点的作者–>

HTML5 面试中最常问到的 10 个问题

  1. HTML5 新的 DocType 和 Charset 是什么?

  2. 如何在 HTML5 页面中嵌入音频?

  3. 如何在 HTML5 页面中嵌入视频?

  4.除了音频和视频,HTML5 还支持其他什么新的媒体元素?

  5.HTML 5中canvas元素有什么用途?

  6. HTML5 有哪些不同类型的存储?

  7. HTML5 引入什么新的表单属性?

  8. 与 HTML4 比较,HTML5 废弃了哪些元素?

  9. HTML5 标准提供了哪些新的 API?

  10. HTML5 应用缓存和常规的 HTML 浏览器缓存有何差别?

flash挡住页面浮动元素

有时候我们的菜单栏下面会放一个flash,但是当菜单栏需要下拉的时候,却发现菜单栏奇迹般的跑到flash下面去了,或者是页面的一个效果跑到flash下面去了。任凭怎么设置z-index都不管用,那么,怎么解决呢?

把引入flash的代码换成这个,一切就大功告成了:

CSS初始化 Resets

经常为同样的CSS在不同的浏览器中显示效果差异头疼,有了这个就简单多了,把下面代码保存为init.css,在每个页面引入。页面布局就简单多了。