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 条评论
登录 后参与评论

相关文章

来自专栏一枝花算不算浪漫

[jQuery学习系列一]1-选择器与DOM对象

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

JavaWeb02-CSS,JS(Java真正的全栈开发)

? css&javascript 一.CSS 1.CSS介绍 CSS 指层叠样式表 (Cascading Style Sheets),用来定义网页的显示效果。...

36615
来自专栏清墨_iOS分享

OpenGLES-03 使用索引绘制矩形

这篇文章我们同样借助上篇文章《OpenGLES-02 绘制基本图元(点、线、三角形)》的代码,使用另外一种画法来绘制一个矩形。 修改render方法如下: -(...

36410
来自专栏郭霖

Android属性动画完全解析(中),ValueAnimator和ObjectAnimator的高级用法

大家好,在上一篇文章当中,我们学习了Android属性动画的基本用法,当然也是最常用的一些用法,这些用法足以覆盖我们平时大多情况下的动画需求了。但是,正如上篇文...

2069
来自专栏码洞

《快学 Go 语言》第 5 课 —— 神奇的切片

切片无疑是 Go 语言中最重要的数据结构,也是最有趣的数据结构,它的英文词汇叫 slice。所有的 Go 语言开发者都津津乐道地谈论切片的内部机制,它也是 Go...

592
来自专栏河湾欢儿的专栏

第八节dom以及dom库的封装

852
来自专栏WindCoder

从li看html标签属性(attribute)和dom元素的属性(property)

从对象来说,attribute是html文档上标签属性,而property则是对应dom元素的自身属性。

2071
来自专栏java达人

HTML布局的基本要点

image.png 如果要掌握、运用好Position、Float属性必须要对HTML的两个基本点有清晰的了解。 盒子模型(box model) HTML的...

1787
来自专栏编程微刊

jQuery文档对象模型DOM的实际应用

DOM 在 JavaScript 课程中我们详细的探讨过,它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。在 JavaScript 中...

713
来自专栏LIN_ZONE

已知两点的经度和纬度,计算两点间的距离(php,javascript)

php代码:转载  http://www.cnblogs.com/caichenghui/p/5977431.html

711

扫码关注云+社区