当前位置:首页 > 博客 >Html/Css > 正文

html结构嵌套规则

时间:2018-06-13 14:15   作者:admin   点击:

 在实际开发中,因为我之前学过一些教程,看到人家的书写顺序,以及嵌套规则,但是没系统总结过!也没太严格要求自己!最近最近发现很多人写的html 结构都很怪异,不合常理!

比如 lable当span 用 不是表单,但是也在用这个标签;还有就是全部都是div ,本来是列表的;还有一些其他的嵌套


我总结了一些错误的嵌套规则:(严格遵守的)

1、a标签是不能再嵌套a标签的,所有的浏览器都会解析错误。还不能嵌套buttom select 

2、<p>里面不可以嵌套<div>、<h1>~<h6>、<p>、<ul>/<ol>/<li>、<dl>/<dt>/<dd>、<form>等

其他常见的问题:

(1).元素开始与结束标签嵌套错误,页面可以在大部分浏览器被正常解析,IE9会出现解析错误。

(2).在<p>元素内嵌入<div>等元素造成所有浏览器的解析错误。

(3).在<h1>~<h6>元素内嵌入<div>等元素所有浏览器可以解析正常。

(4).在<a>元素内嵌入<a>元素会导致所有浏览器的解析错误。

(5).在列表元素<li><dt><dd>等插入非列表兄弟元素会导致IE6\IE7的解析错误。


原文链接:http://www.softwhy.com/article-33-1.html