面试题系列之不一样的P

原创于 2013-05-08 16:13:40 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#面试 #嵌套规则 #p

前端面试题专栏收录该内容

37 篇文章

订阅专栏

本文通过一个简单的HTML示例代码展示了在Internet Explorer浏览器中，当尝试将块级元素<pre>嵌套在<p>标签内时所遇到的问题及错误提示。文章进一步解释了<p>标签不能包含块级元素的规范，并提供了相关参考资料。

以下代码：

<html>
<head>
<meta charset="utf-8"/>
<title>测试代码</title>
</head>
<body>
</body>
<script>
      document.body.innerHTML = '<p><pre>测试代码</pre></p>';
</script>
</html>

IE下会报错：

pre是块级元素
嵌套规则：p---------The P element represents a paragraph. It cannot contain block-level elements (including P itself).

扩展阅读：

http://www.cnblogs.com/jkisjk/archive/2011/11/11/html_unfit.html JK的博客相关

http://zhangyaochun.iteye.com/blog/1303840