首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML标签嵌套规则

HTML标签嵌套规则

作者头像
小小咸鱼YwY
发布2019-09-11 15:07:29
1K0
发布2019-09-11 15:07:29
举报
文章被收录于专栏:python-爬虫python-爬虫

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标签都是装载内容的容器

可能会影响布局

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-08-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 0830自我总结
    • HTML标签嵌套规则
      • 1.块级元素:
      • 2.行内元素:
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档