HTML标签嵌套规则

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或者其他任何元素

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-12-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏封碎

Android开发减少方法数的建议 博客分类: Android小技巧 方法数android

     现在的Android应用越来越庞大,开发者越来越能感受到方法数限制带来的影响。这里简单讲几个减少方法数的小建议。

815
来自专栏DeveWork

jQuery仿极客公园火箭发射“返回顶部”效果(优化篇)

承接上一篇《jQuery仿极客公园火箭发射“返回顶部”效果(初始篇)》,本文将对前一篇的代码进行优化。还是转载自andyliu: 先给出个演示Demo:演示地址...

1696
来自专栏小筱月

jQuery 事件绑定 和 JavaScript 原生事件绑定

jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on,

842
来自专栏HTML5学堂

scrollLeft等属性介绍

HTML5学堂:在平日中书写滚动类特效时,为了提升代码的扩展性,通常会使用变量替换掉常量,此时会经常用到scrollLeft、offsetWidth、clien...

2595
来自专栏行者常至

006.python科学计算库matplotlib(上)

版权声明:本文为博主原创文章,允许转载,请标明出处。 https://blog.csdn.net/qwdafedv/article/deta...

421
来自专栏Hongten

java开发_图片截取

821
来自专栏GIS讲堂

结合Geotools实现百度09,国测局02和经纬度的相互转换

本文讲述在Java中,结合结合Geotools实现百度09,国测局02和经纬度shp数据的相互转换。

632
来自专栏aCloudDeveloper

大神洗礼第三讲——接上一讲

Author:bakari                 Date:2012.10.26 这一讲的主要内容和上一讲相同,是上一讲的深入分析。内存对齐涉及内存实...

1878
来自专栏Java帮帮-微信公众号-技术文章全总结

JavaWeb18-jquery学习笔记(Java全栈开发)

jquery一.筛选 筛选与之前的选择器雷同,筛选提供的都是函数. 1. 过滤 eq(index|-index):获取指定索引的元素.如果是正数,索引从0开始...

3069
来自专栏微服务

jQuery选择器大全(48个代码片段+21幅图演示)

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就...

3378

扫码关注云+社区