专栏首页python-爬虫HTML标签嵌套规则

HTML标签嵌套规则

0830自我总结

HTML标签嵌套规则

1.块级元素:

div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

特点:总是在新行上开始,高度、行高以及上下边距都可控制,宽度默认是容器的100%,除非设定宽度。

功能:主要是用来搭建网站架构、网页布局、承载内容。

2.行内元素:

span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、textarea、tt、u、var

特点:和其他元素都在一行上,高、行高、以及上下边距不可变,宽度就是它的文字和图片的宽度,不可改变。

嵌套规则

  • 块级元素与块级元素平级,如果块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的
  • 行内元素与行内元素平级,一般情况都是用span来完成行内元素直接的嵌套
  • 行内元素不能嵌套块级元素
  • 块级元素可以包含行内元素或某些块元素,但是行内元素不能包含块元素,它只能包含其他的行内元素。
  • 有几个特殊的块级元素只能包含行内元素,不能再包含块级元素
    • h1~h6、p、dt
  • 块级元素不能放在标签p里面
  • li标签可以包含标签,因为li和div标签都是装载内容的容器

可能会影响布局

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue+ElementUI项目使用webpack输出MPA

    为另一个项目提供可嵌入的功能单页,大部分页面使用时都是独立功能页,个别页面带有左侧边栏(相当于3-4个页面的整合形态),由于资源定位地址的限定,每个页面打包为单...

    大史不说话
  • ASP.NET Core 2.2 : 二十六. 应用JWT进行用户认证

    本文将通过实际的例子来演示如何在ASP.NET Core中应用JWT进行用户认证以及Token的刷新方案(ASP.NET Core 系列目录)

    FlyLolo
  • Spring Boot中Freemarker异常处理

    在Freemarker页面中如果使用${userName},并且userName为空,那么Freemarker页面就会崩掉 需要设置默认值${userName!...

    只喝牛奶的杀手
  • [物联网loT]树莓派实现局域网内LED亮灭

    [思路]:树莓派安装express服务器,访问服务器,与服务器交互,从而控制硬件,最终实现树莓派引脚电平控制,进而实现与树莓派电路板引脚相连的LED亮与灭。 ...

    周星星9527
  • pandas_profiling:一行代码生成你的数据分析报告

    笔者最近发现一款将pandas数据框快速转化为描述性数据分析报告的package——pandas_profiling。一行代码即可生成内容丰富的EDA内容,两行...

    Datawhale
  • SpringBoot自动配置原理!

    作为一名Java程序员,就不可能不了解SpringBoot,如果不了解(赶紧学!)

    Java3y
  • 布朗大学90后研究生:我们复现了15亿参数GPT-2模型,你也行!

    BERT,XLNet,GPT-2和Grover等大型语言模型在生成文本和多个NLP任务方面取得了令人瞩目的成果。

    新智元
  • jquery 基础

    ("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

    用户5760343
  • Zabbix agent on Zabbix server is unreachable for 5 minutes

    Zabbix-server在监控的过程中,发现Web上报错提示zabbix server与agent之间已经失联超过5分钟了,为了找到问题出现的根本原因,在tr...

    拓荒者
  • 这些Web API真的有用吗?别问,问就是有用

    本文列举了一些列比较不常见的Web API,内容较多,所以有关兼容性的内容在本文不会出现,大家可以自己去查阅。以下案例能配动图的我尽量去配了,以免内容枯草乏味,...

    用户1462769

扫码关注云+社区

领取腾讯云代金券