前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML标签嵌套规则

HTML标签嵌套规则

作者头像
HTML5学堂
发布2018-03-12 16:00:41
1.2K0
发布2018-03-12 16:00:41
举报
文章被收录于专栏:HTML5学堂HTML5学堂

HTML5学堂:HTML标签存在一定的嵌套规则,如果我们不遵循这个嵌套规则进行代码书写,也能够实现出基本的功能(这大概也是HTML+CSS的特殊之处吧),但是直接影响着我们的代码质量。很俗的来说,也跟工资挂钩啦~~~另外,温馨提示各位,记忆知识应当采用合适的方法,不要一句一句背诵。块就如同盒子,行就如同一段文字。之后就是块、行的嵌套关系,对于列表项、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或者其他任何元素

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2015-12-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 懂点君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本嵌套规则
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档