html的P标签是不能嵌套的

jackxiang 2009-11-11 23:19 | |
http://user.qzone.qq.com/165162897/blog/1257472476?ptlang=2052
该文章转载自延年的QQ空间:

昨天修改了一个BUG,遇到了一个嵌套P标签的情形,咨询过同事后,得出结论。
根据XHTML嵌套规则,p本身block元素, 而p下只能包含inline元素.

如果在p下再次包含p,就违背了XHTML规则, JS当然不买账了

如果在p下包含div, innerHTML也一样取不到.


昨天修改了一个BUG,遇到了一个嵌套P标签的情形,咨询过同事后,得出结论。


<p id="yannian1">aaaa</p>
<p id="yannian2"><p>aa</p>bbbb</p>
<script type="text/javascript">
var oyn1=document.getElementById('yannian1');
alert(oyn1.innerHTML);
var oyn2=document.getElementById('yannian2');
alert(oyn2.innerHTML);
</script>



答案:
根据XHTML嵌套规则,p本身block元素, 而p下只能包含inline元素.

如果在p下再次包含p,就违背了XHTML规则, JS当然不买账了

如果在p下包含div, innerHTML也一样取不到.


P:

<a> <abbr> <acronym> <applet> <b> <bdo> <big> <br> <button> <cite> <code> <del> <dfn> <em> <i> <img> <input> <ins> <kbd> <label> <map> <noscript> <q> <ruby> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <tt> <var>

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/2191/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]