摘要:元素嵌套问题元素嵌套块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,只能包含其他的内联元素。所谓的不可自由嵌套的元素就是里面只能放内联元素的,它们包括有标题标记的段落标记的分隔线和一个特别的元素它只存在于列表元素的子一级。
HTML元素嵌套问题 元素嵌套
块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,只能包含其他的内联元素。
P元素嵌套问题在P元素中嵌套div等块级元素,在浏览器中解析如下:
可以看到在元素最后会多出一个空的
。通过查询,发现原来p元素内无法包裹块级元素。
因为我们使用的DTD中规定了块级元素是不能放在
里面的,再加上一些浏览器纵容这样的写法:
这是一个段落的开始
这是另一个段落的开始
当一个
标签还没结束时,遇到下一个块元素就会把自己结束掉,其实浏览器是把它们处理成这样:
这是一个段落的开始
这是另一个段落的开始
这也就解释了,为何浏览器中最后会多出1个空的
。 块级元素嵌套问题可以先把所有的块元素再次划分成几个级别的,我们已经知道是在最外层,下一级里面只会有、、,而我们已经知道了可视的元素只会出现在里,所以我们把划在第一个级里面。接着,把不可以自由嵌套的元素划在第三个级,其他的就归进第二个级。所谓的不可自由嵌套的元素就是里面只能放内联元素的,它们包括有:标题标记的、
;段落标记的、
、
、
、
、
;分隔线
和一个特别的元素(它只存在于列表元素的子一级)。
三级元素就是指,只能嵌套内联元素的块级元素。p也恰好是其中之一。
为什么第二级的元素可以自由嵌套我们可以把它们看成是一些容器(或者说是盒子), 这些容器的大小可以自由变化,例如我们可以把 在HTML里有几个元素是比较特别的: 其实在内联元素中,还是可以再区分一下的,有几个元素(、等)比较特别,它们可以定义宽高。虽然在IE浏览器里,所有的元素都可以定义宽高,但这是IE自己的标准,并非所有浏览器都支持,W3C称它们为replaced元素,其实它们也就是我们常说的行内块,虽然这些元素属于inline,但是却具有一定的block(可以设置宽高),我们也可以赋予任何元素css属性display:inline-block。 参考文章:http://www.cnblogs.com/Iona/p... 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。 转载请注明本文地址:https://www.ucloud.cn/yun/50261.html 摘要:所有节点中都包含这两个方法,并且它们都接收个参数要处理的事件名作为事件处理程序的函数和一个布尔值。当这个布尔值为时,表示在捕获阶段调用事件处理程序若果是,表示在冒泡阶段调用事件处理程序。
事件流
定义: 1.事件流描述的是从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。 2.事件就是用户或浏览器自身执行的某种动作。诸如click(点击)、load(加载)、mouseover(... 摘要:用标记内容的目的是为了赋予网页语义。规定了一组标签,用来给内容打上不同的标记。最新的版本,又新规定了一批结构化标签,用于对相关内容的标签进行分组,从而更好地规范网页的整体结构。
用HTML标记内容的目的是为了赋予网页语义(semantic)。换句话说,就是要给你的网页内容赋予某些用户代理(user agent)能够理解的含义。
HTML 规定了一组标签,用来给内容打上不... 摘要:用标记内容的目的是为了赋予网页语义。规定了一组标签,用来给内容打上不同的标记。最新的版本,又新规定了一批结构化标签,用于对相关内容的标签进行分组,从而更好地规范网页的整体结构。
用HTML标记内容的目的是为了赋予网页语义(semantic)。换句话说,就是要给你的网页内容赋予某些用户代理(user agent)能够理解的含义。
HTML 规定了一组标签,用来给内容打上不... 摘要:最近在看前端开发最佳实践,看到有一个小节的标题是过时的块状元素和行内元素,之前听到的关于标签的嵌套规范一直在讲,甚至面试的时候还被问到,但是自己在之前的工作中,的的确确用标签包过块元素,为了能有一个更好的用户体验,模拟的一个按钮。
最近在看《web前端开发最佳实践》,看到有一个小节的标题是 过时的块状元素和行内元素 ,之前听到的关于HTML标签的嵌套规范一直在讲,甚至面试的时候还被问到... 阅读 2411·2021-11-23 09:51 阅读 469·2019-08-30 13:59 阅读 1783·2019-08-29 11:20 阅读 2504·2019-08-26 13:41 阅读 3207·2019-08-26 12:16 阅读 704·2019-08-26 10:59 阅读 3251·2019-08-26 10:14 阅读 561·2019-08-23 17:21嵌在
、
、
、
,它们的子一层必须是指定元素,
、
>的子一级必须是;
的子一级必须是或者;
的子一层必须是
( 只存在于、、中),之后才是可放内容的 或者 。
内联元素
本身具有inline-block的元素应该没有!相关文章
javascript:深入理解事件流
CSS学习笔记(一) HTML标记与文档结构
CSS学习笔记(一) HTML标记与文档结构
HTML标签嵌套到底怎样才算是规范?
发表评论
0条评论
赵春朋
男|高级讲师
TA的文章
阅读更多
python:初识自动化测试 playwright 库
网易音乐版轮播-react组件版本
微信应用号(小程序)资源汇总(1010更新)
原生 JavaScript 发送 Ajax 请求
十分钟快速了解《你不知道的 JavaScript》(上卷)
前端开发中常用的javascript设计模式
第四集: 从零开始实现一套pc端vue的ui组件库(button组件其二)
微信小程序网络层封装(promise, 登录锁)