HTML标签嵌套规则

HTML5学堂（码匠）：HTML标签存在一定的嵌套规则，如果我们不遵循这个嵌套规则进行代码书写，虽能实现出基本的功能，但会直接影响代码质量，也有可能出现问题。对于嵌套规则，我们可以将块元素理解成盒子，行元素理解为文字。之后嵌套规则可以简单的分为“块元素与行元素的嵌套”，“列表项的嵌套规则”，form表单、table表格的嵌套规则等。

基本嵌套规则

1、body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素

2、ins和del（行内元素）可以包含块状元素或者行内元素，其他任何行内元素都不允许包含块状元素

3、p、h1-h6可以直接包含行内元素和文本信息，但是不允许包含块状元素

4、dl元素只允许包含dt和dd，同时dt不能包含块状元素，只允许包含行内元素，对于dd可以包含任何元素

5、form元素不能够直接包含input元素。原因在于input元素属于行内元素，form元素仅仅能够包含块状元素

6、table元素只能够包含caption、colgroup、col、thead、tbody、tfoot，不能够直接包含tr或者其他任何元素

欢迎沟通交流~HTML5学堂