[CSS点滴]标签嵌套规则
2017-01-16 22:18
218 查看
基本嵌套规则
1.body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素2. ins和del(行内元素)可以包含块状元素或者行内元素,其他任何行内元素都不允许包含块状元素
2. p、h1-h6可以直接包含行内元素和文本信息,但是不允许包含块状元素
3. dl元素只允许包含dt和dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任何元素
4. form元素不能够直接包含input元素。原因在于input元素属于行内元素,form元素仅仅能够包含块状元素
5. table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任何元素
总结
在开发的时候,我们不仅要了解标签的语义性,也要知道上面文章内容提到的标签嵌套规则,这样才能更好的提高我们的代码质量。相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 用户自定义多选框checkbox
- 后台管理页面布局(左侧导航长度根据右侧内容无限延伸)
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- css如何搞正方形
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的