【HTML】标签嵌套规范

最新推荐文章于 2023-12-11 09:46:12 发布
最新推荐文章于 2023-12-11 09:46:12 发布
阅读量269 收藏 1
点赞数
分类专栏： 前端知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40957741/article/details/111463390
版权
  1. div 可以嵌套任何标签
  2. p只能嵌套行内标签
  3. h1-h6可以嵌套非标题标签（推荐只嵌套文字或行内标签）
  4. 行内标签不嵌套块标签
  5. ul和li、ol和li、dl和dt/dd（li和dd可以嵌套所有类型标签）

 

CSS行块之分

行内元素

b、span、a、em、u、i

块内元素

div、h、li、dt、dd、p

react_in
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html标签可以嵌套吗,HTML标签的嵌套
weixin_34604756的博客
06-15 2069
随着时间的推移，我们学习html的基础知识有了大概的了解。而我发现，平时在写html文档的时候，发现不太清楚标签之间的嵌套规则，经常是想到什么标签就用那些，然而发现有时的标签嵌套却是错误的。通过网上找资料，了解了html标签的嵌套规则一、HTML 标签包括 块级元素(block)、内联元素(inline)1、块级元素一般用来搭建网站架构、布局、承载内容的元素，如下：address、blockquo...
HTML标签嵌套规范总结
Dhun_LI的博客
12-10 1545
今天遇到一个嵌套规范的题目，忙里偷闲总结记录一下，大家都听过“行内元素不能嵌套块级元素”吧，因此进入正文之前先来说一下哪些是块级元素，哪些是行内元素。赶时间的老铁可以直接翻到最后哦。 一、块级元素 一般用来搭建网站架构、布局、承载内容等，包括以下标签： div、h1~h6、address、blockquote、center、dl、dt、dd、form、hr、ol、p、table、ul…… 特点： 独占一行，能够识别宽高 margin和padding的上下左右均对其有效 自动...
HTML标签嵌套规则详细归纳适合新手朋友
09-28
一切的网页可都是以HTML标签为基础，下面就详细归纳一下HTML标签的嵌套规则吧，学习网页的新手朋友们很有必要看看
前端入门：重温div标签，解密br、hr、h1~h6和h7的作用
m0_69414996的博客
12-11 515
前端入门：重温div标签，解密br、hr、h1~h6和h7的作用
10、标签的嵌套和标签嵌套的意义
山兔的博客
01-03 1851
标签的嵌套 一个标签可以嵌套（包含）其他标签 div标签嵌套span标签，建议写成三行，会比较好看 下面的嵌套写法是错误的，不符合HTML语法 因为它们相互嵌套，这明显是错误的 因为br标签是单标签，不存在结束标签，这应该写成两个独立的标签 编写一个HTML中不存在的标签，会发生什么事？ 也是可以正常显示的 注意 有语法错误的HTML代码，还是可以被浏览器识别显示出来 建议：还是要严格按照HTML语法去编写代码，才能保证最终显示出来的效果是正确的 虽然浏览器的容错能力比较强，但有时候还是会显示出一些
你真的懂标签如何嵌套？
qq_39494812的博客
05-22 761
前言 有类似掘金首页菜单栏这样一个需求：hover之后出来一个标签列表，你的前同事是使用js脚本去实现页面跳转的，但是现在要求直接使用链接实现跳转；之前的旧的html是这样的： <ul> <li> 后端 <div> <span>后端</span> <span>Java</span> <span>算法&l
标签的嵌套规范
qq_46342447的博客
11-01 2510
标签本身就是有很多嵌套规范的，例如： table > tr ， ul(ol) > li ， dl > dt ， 这些标签之间必须紧密相接，不能插入其他标签。 块标签可以嵌套内联标签块标签不一定能嵌套块标签 p不能嵌套div内联标签不能嵌套块标签不能自己嵌套自己的标签 超链接不能嵌套超链接 p标签不能嵌套p标签 标题标签h1-h6之间不能互相嵌套也不能自己 1、行内标签不能嵌套块标签，块标签可以嵌套行内标签。 2、a标签不能嵌套a标签 3、h1-h6,dt这些标签的性...
HTML标签嵌套规范
ThisWarOfMinek的博客
08-06 996
HTML标签嵌套规范
Bootstrap HTML编码规范
12-13
Bootstrap HTML编码规范 code { font-family: “PT Mono”, Menlo, “Courier New”, monospace; padding: 2px 4px; font-size: 85%; color: #d44950; background-color: #f7f7f9; border-radius: .2rem; } ...
阿里前端开发规范.pdf
05-08
1.4.2 避免嵌套层级过多 (五) Javascript 规范 1.5.1 命名 1.5.2 代码格式 1.5.3 字符串 1.5.4 对象声明 1.5.5 使用 ES6+ 1.5.6 括号 1.5.7 undefined 判断 1.5.8 条件判断和循环最多三层 1.5.9 this 的转换命名 ...
编写灵活、稳定、高质量的HTML和css代码规范指南
11-30
2.嵌套元素应当缩进一次(两个空格);　3.对于属性的定义,确保全部使用双引号,绝不要使用单引号;　4.不要在自闭合元素的尾部添加斜线–HTML5规范...
html入门到放弃笔记
05-15
HTML 也具备自己的语法规范 WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具： 1、记事本 2、浏览器 2、HTML 的基础语法 1、标记语法 HTML中...
html标签的嵌套规则
weixin_34247299的博客
08-11 199
XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？ 　　一、HTML 标签包括 块级元素(block)、内嵌元素（inline） 　　1、块级元素 　　...
HTML标签的书写和嵌套规范
等，你的到来。
10-11 1746
标签的嵌套规范 1、行级标签不能嵌套块级标签 （a除外） 2、块级标签可以嵌套行级和块级 3、伪类(hover/link/visited/active)只能加给a标签 4、p，h一般也不嵌套其他块级标签 标签书写规范 a、标签分为单标签和双标签，都需要起始标签和结束标签，不同的是单标签起始、结束标签都写在一个尖括号里而双标签则分别写在两个尖括号里； b、所有的标签都是用小写字
Html 标签的嵌套规则
weixin_34054931的博客
07-18 261
一、HTML 标签包括 块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、...
HTML标签嵌套规则以及常规应用
菜的一笔的博客
12-21 6870
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%，除非设定宽度。 功能：主要是用来搭建网站架构、
标签嵌套规则
wb0111的博客
03-22 376
1.块级元素可以包含行级元素，但行级元素却不能包含块级元素，它只能包含其它的行级元素。 2.块级元素不能放在<p>标签里面，但是<p>标签里面能放行级元素。 3.有几个特殊的块级元素只能包含行级元素，不能包含块级元素。 eg：<h1> <h2> <h3> <h4> <h5> <h6> <p> <dt> 4.块级元素与块级元素并列，行级元素与行级元素并列。 ...
HTML中标签的嵌套原则
热门推荐
我不是安徒生的博客
04-18 1万+
我们都知道，html中有大量的标签，div、ul、li、dl、dt、dd、h1~h6、p、a、span、 strong……，我们在运用这些标签进行页面搭建的时候，是可以嵌套起来来使用的（可能面试过程中，有的面试官也会问到相关的标签嵌套规则的问题），但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？我们今天就来简单地给大家说一说。 首先，HTML
基于matlab实现人工免疫算法的解决TSP问题的方法
最新发布
05-21
基于matlab实现人工免疫算法的解决TSP问题的方法，体现了免疫算法在进化计算过程中的抗原学习、记忆机制、浓度调节机制以及多样性抗体保持策略等优良特性.rar
div标签里可以嵌套from标签吗
06-10
是的，div标签里可以嵌套form标签。但是需要注意的是，form标签是一个表单元素，它具有特殊的功能，如提交表单数据等，而div标签则是一...同时，需要遵循HTML规范，确保嵌套的元素正确嵌套，不会影响页面的表现和功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值