HTML标签嵌套注意事项

一、ul和ol的子元素只能是li，不能是别的。比如div等，但是li中可以嵌套div。如果ul或者ol嵌套了div等，在ie6和7下会把非li解析到li的内部。如下代码：

<ul>
	<li>第一个li</li>
	<div>div</div>
	<li>第二个li</li>
	<li>第三个li</li>
</ul>

在IE7下，会被解析成：

<ul>
	<li>第一个li
		<div>div</div>
	</li>
	<li>第二个li</li>
	<li>第三个li</li>
</ul>

二、a标签最好不要嵌套块级元素，可以嵌套内联元素，但是不能嵌套a标签和input之类的标签。能嵌套的标签像,<b><strong>等等。三、p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，不然对p嵌套的块级元素设置css不起作用。4.button里面不要嵌套a标签，不然在js里面会有两个事件，还有就是button里面放img要记得给图片添加alt属性。如下代码：

<p>
	外面的P标签
	<p>里面的P标签</p>
</p>

火狐下的解析结果是：

<p>外面的P标签</p>
<p>里面的P标签</p>
<p></p>

四、dt标签里面不能嵌套块级元素，只能嵌套内联元素。但是dd可以嵌套块级元素。