标签的嵌套规范

最新推荐文章于 2023-07-05 22:54:33 发布
最新推荐文章于 2023-07-05 22:54:33 发布
阅读量1.0k 收藏
点赞数
分类专栏： 前端 文章标签： html5 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53024314/article/details/123147975
版权
1. 块元素可以嵌套块元素、⾏内元素、⾏内块元素
div可以嵌套任意标签
p标签不能嵌套其他块元素，可以嵌套⾏内元素、⾏内块元素
不推荐标题⾥边嵌套其他块元素，可以嵌套⾏内元素、⾏内块元素
2. ⾏内块不能嵌套块元素，可以嵌套⾏内元素、⾏内块元素
3. ⾏内元素不能嵌套块元素、⾏内块元素，只能嵌套⾏内元素
a标签不能嵌套a标签
总结：块元素>p标签>行内块元素>行内元素
今天也要打代码哟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML标签嵌套规则详细归纳适合新手朋友
09-28
`<p>`是段落标签，通常用于包裹一段连续的文本，因此不能在其内部嵌套其他块级元素。如`<p><div></div></p>`这样的写法是错误的。 3. 特殊的块级元素，如`<h1>`至`<h6>`（标题标签）和`<p>`（段落标签），只能包含...
Html 标签的嵌套规则
weixin_34054931的博客
07-18 266
一、HTML 标签包括 块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、...
（一）HTML5 基础
weixin_46227563的博客
03-04 1273
一、HTML HTML (Hyper Text Markup Language) 的全称为超文本标记语言，是一种标记语言 (不是编程语言)。 它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 二、HTML5 骨架 <!DOCTYPE html> <html lang="en"> <head> <m
常用标签2
xunmengyinjia的博客
08-18 478
4、特殊的行内元素a标签，它里面什么都能放，可以放块元素、行内元素、行内块元素。1.行内元素不会独占一行，它是自左向右排列，一行排满，再另起一行，继续从左向右。3、特殊的块元素p标签，它里面一般只放文字或图片，不能放块元素。section 独立的区块，上面的标签都不合适，就用这个，也没有任何语义，1、块元素里面什么都能放，可以放块元素、行内元素、行内块元素。2、行内块元素里面一般只放行内元素，如文字，不能放块元素。块元素的宽度默认是父元素的100%特点：兼具块元素和行内元素的特点。用display属性。.
关于p、h标签嵌套问题、嵌套规则汇总
Flora_SM的博客
10-05 6732
实例1：p标签2层嵌套 效果如下：文字正常显示，但是dom却和想象的不一样。个人理解是如果p标签后面没有跟结束标签则会自动补上结束标签，而如果p标签和结束标签正好配对，则不发生改变，但是如果只有结束标签，则会自动配上开始标签。 实例2：p标签3层嵌套 实例3： h标签嵌套问题 分析：h标签并没有和p标签一样有多余的空标签对，而是把结束标签提前了，与开始标签配对。 实例4：p标签和h标签互相嵌套 ...
img标签和p标签是行内元素还是块级元素？以及p标签中可以放img标签吗？
热门推荐
吴冬雪的博客
05-21 2万+
其他块级元素：常用的有：　div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table另外还有：address、isindex、menu、noframes、noscript、pre、blockquote、center、dir、块级元素，默认宽度占满一行。HTML 是段落标签，除了可以添加文字内容外，完全可以添加其他。类似于 inline-block ，可以被p标签包裹。比如p是居中，图片也中了。也包括IMG图片标签。
03-HTML
晴曦的博客
11-17 1176
Java
html标签的嵌套规则介绍
09-28
HTML标签的嵌套规则是构建网页结构的基础，正确理解并遵循这些规则对于编写规范的HTML代码至关重要。HTML标签主要包括两大类：块级元素和内嵌元素。 块级元素（block）通常用于创建网页的框架和布局，它们在浏览器...
XHTML标签的嵌套规则分析
09-28
XHTML标签是构建网页结构的基础，它们有着明确的嵌套规则，确保了文档的语义清晰和浏览器的正确解析。本文主要探讨XHTML标签的嵌套规则，尤其是块级元素和内嵌元素之间的关系。 首先，XHTML标签分为块级元素（block...
规范规范规范规范规范规范规范
最新发布
11-06
标签"规范"进一步确认了这个主题是围绕IT行业的标准和准则。下面我们将详细探讨一些关键的IT规范领域： 1. **编程规范**：编程规范包括命名规则（变量名、函数名、类名等）、代码格式化（缩进、空格、注释等）、...
web前端开发程序规范
06-29
在 CSS 中，我们推荐使用直接子选择器，而不是标签名，以避免潜在的问题。 3.3、避免使用 ID 选择器 在 CSS 中，我们推荐避免使用 ID 选择器，以避免污染全局样式。 3.4、避免嵌套层级太多 在 CSS 中，我们推荐...
标签嵌套规则
jxl20010909的博客
07-05 356
落霞与孤<p></p>鹜齐飞，秋水</p>共长天一色京东
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
qq_17335549的博客
11-08 1095
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
块元素和内联元素的嵌套规则
weixin_33979745的博客
01-18 265
2019独角兽企业重金招聘Python工程师标准>>> ...
p段落标签
读心悦
05-25 4321
1、p标签里面一般用span 2、span一般用于替换内容,span标签只有在样式下，才会产生视觉上的变化 3、要改变P标签里的某句话的样式 4、p 标签定义段落 5、p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。 段落标签属性：<p></p> <p align="left" (左对齐)/ "r...
HTML 关于p标签的嵌套问题
单枪匹码
12-20 7432
1、最近公司官网用cmseasy模板做了一套页面，想在后台替换一部分页面内容，但是坑的是在后台编辑的html代码中只能使用p标签，也就是说一个页面只能用p标签，真的是心累，最坑的是我竟然才发小p标签有下面这个问题，哎，废话不多说，写个demo记录一下： 1）页面中有一部分是下图这样的： 但是切图给了： 就是说我们要把中间的文字自己嵌套上去，而且页面只能用p标签： <p style="ba...
html p标签能包含a标签吗？
捣蛋的博客
01-30 5019
我们先看看&lt;p&gt;标签是块级元素，会独占一行其宽度自动填满其父元素宽度 &lt;a&gt;标签是行内元素，不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化 块级元素内是能包含行内元素的，所以，在&lt;p&gt;标签中是能包含&lt;a&gt;标签的。   原文地址：http://www.php.cn/div-tutorial-...
div标签里可以嵌套from标签吗
06-10
是的，div标签里可以嵌套form标签。但是需要注意的是，form标签是一个表单元素，它具有特殊的功能，如提交表单数据等，而div标签则是一...同时，需要遵循HTML规范，确保嵌套的元素正确嵌套，不会影响页面的表现和功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值