HTML5学堂-码匠 HTML5学堂

您当前位于:HTML+CSS结构样式 ——> HTML标签嵌套规则
上一篇:没有了 下一篇:HTML标签显示类型

HTML标签嵌套规则

2015/04/22 21:01:27 | 作者:HTML5学堂(码匠) | 分类:HTML+CSS结构样式 | 关键词:HTML标签,嵌套规则,行元素,块元素

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学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端

iOS,APP,码集,案例交互,JavaScript学习,WEB前端,HTML5

iOS APP 码集

案例交互式学习JS

上一篇:没有了 下一篇:HTML标签显示类型