html的嵌套规则

最新推荐文章于 2024-06-22 23:29:57 发布
最新推荐文章于 2024-06-22 23:29:57 发布
阅读量102 收藏
点赞数
原文链接：https://segmentfault.com/a/1190000009039611
版权

html元素分为块状元素和内联元素，块状元素作为其他元素的容器。
块状元素可以嵌套其他块状元素
块状元素可以嵌套内联元素
内联元素不能嵌套块状元素
p内不能嵌套块状元素
有几个特殊块状元素只能包含内联元素，而不能包含块状元素，这几个元素是:
h1、h2、h3、h4、h5、h6、p、dt
块状元素和块状元素并列，内联元素和内联元素并列
li里面可以嵌套div
下拉列表框option中只能嵌套文本
ol和li之间、ul和li之间，只能有注释节点或以空格显示的文本节点

weixin_34032792
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML标签嵌套规则
weixin_33738578的博客
11-12 157
摘要： 　　 最近在整理项目时发现有些同事写的页面代码嵌套的太多，而且有些嵌套不对，比如<a><div>内容</div></a>。虽然功能实现了，但是对于浏览器渲染引擎的性能还是有些影响。所以就大体上的整理了下HTML标签的嵌套规则，也希望读者提出不对之处。 众所周知，HTML标签有两类： 块级元素div、h1~h6、address、blo...
HTML嵌套规则
weixin_30580341的博客
03-30 400
　　先说基础，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%，除非设定一...
HTML的嵌套规则
somous_ly的专栏
08-08 551
块元素（block）：一般用来搭建网站架构、布局、承载内容……像这些大体力活都属于块级元素的。 行元素（inline）： 一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等。 1、form表单不能直接包含input元素。原因在于input属于行内元素，form只能包含块元素。 2、、不能包含块状元素，但可以直接包含行内元素或者文本信息。 3、 只
html 标签的嵌套规则
12-16 156
1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素： <div><h1></h1><p></p></div> —— 对 <a href=”#”><sp...
(X)HTML Strict 下的嵌套规则
10-30
HTML 4.01 Strict和XHTML 1.0 Strict这两种标准在很大程度上遵循相同的嵌套规则，但也有细微差异。以下是一些关键的嵌套原则： 1. **标签大小写敏感**：在XHTML中，所有的标签名称必须使用小写字母，如`<p>`而不是`...
html标签的嵌套规则介绍
12-14
strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？ 一、HTML 标签包括 块级元素(block)...
HTML标签嵌套规则详细归纳适合新手朋友
09-28
HTML标签的嵌套规则对于创建有效且语义化的网页至关重要，尤其是对于初学者来说，理解这些规则是制作网页的第一步。 首先，HTML标签按照功能分为块级元素（block-level elements）和内联元素（inline elements，也...
html标签嵌套规则
waitformyself的专栏
03-01 947
原文地址：http://hi.baidu.com/ggiss/item/cc12eb94b85b0cdcb625312b 我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种说法：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我选择我习惯的叫法。 先看
HTML语言嵌套标签,（总结）在HTML中标签的嵌套的规则
weixin_33043471的博客
05-31 1078
我们在使用HTML布局时，标签是首当其冲的关键基本元素，且都带有各自的属性和特点，搭建HTML有时候就像是在搭房子，总是一环套一环，一块接一块的。而这些 ：'砖瓦泥'的嵌套方式就十分重要了。一、HTML 标签包括 块级元素(block)、内嵌元素(inline)1、块级元素一般用来搭建网站架构、布局、承载内容等它包括以下这些标签：address、blockquote、center、dir、div、...
HTML标签嵌套规范
ThisWarOfMinek的博客
08-06 1055
HTML标签嵌套规范
关于HTML嵌套规则的思考
Janet_Lee的博客
02-05 406
前几天在做一个网站的时候偶然发现了p标签里面嵌套div元素导致出来的效果和预期不符的情况，后来查询了一些资料，现整理如下。   首先先罗列一下HTML的嵌套规则。 块能包含块和内联，内联只能包含内联 ·         块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素 标题和段落中不能包含块 ·        有几个特殊的块级元素只能包含内
HTML怎么嵌套
udcbhd648496的博客
06-04 240
在HTML中，嵌套指的是将一个HTML元素放在另一个HTML元素内部。嵌套时，内部的元素会继承外部元素（或称为父元素）的某些样式和属性，除非内部元素有自己的特定样式或属性覆盖它们。表单元素如`<form>`可以嵌套多种输入元素，如`<input>`、`<textarea>`、`<select>`等。在这个例子中，`<p>`元素（段落）被嵌套在`<div>`元素内部。在这个例子中，`<input>`元素被嵌套在`<form>`元素中。`<table>`元素也可以嵌套其他`<table>`元素。
【HTML 基础】嵌套标签
好久不见的流星
02-04 1244
总的来说，HTML 中的嵌套标签是构建页面结构的不可或缺的工具。通过善用嵌套，我们能够创造出层次分明、结构清晰的网页，为用户提供更好的阅读和交互体验。
HTML页面编写规范(一)
最新发布
m0_61619549的博客
06-22 1061
- 文档类型，告诉浏览器这是一个HTML5文档 -->-- lang="en"表示文档的主要语言是英文 -->-- 标签包含了文档的元信息，比如字符编码、视口设置、标题等。-->-- 文档的字符编码为UTF-8 -->-- 告诉Internet Explorer浏览器使用其最高版本模式来渲染页面。这通常用于确保页面在旧版IE浏览器上也能以最新标准来显示。-->-- 它应该是用来设置视口（viewport）的属性，使得页面能在不同设备上正确显示。() -->
web学习笔记1
m0_65024890的博客
07-07 352
当一个页面长度超过一个屏的时候,想迅速跳转到制定的位置,例如大家浏览网页的时候,滑动超过一屏的时候,右下角会有返回顶部连接,这个就是用锚链接来实现的.这个定位可以实现本页间的锚链接也可以实现不同页面的锚链接.rowspan=”2”: 意思是它要和包括自身在内的本列的两行单元格,所有本列后面两行的同样位置的单元格的位置要被它占用,所有要删除后面一行的同位置单元格。5. < img src=” ” title=”” width=”px / %” height=”px / %” >:图片标签。
CSS的中级教程（一） -- 浮动和部分布局
qq_54015136的博客
03-20 559
实现水平栏，侧边栏，隐藏侧边栏，解决图片溢出等问题
html标签的嵌套规则有哪些,HTML标签嵌套规则详细归纳
weixin_39929566的博客
06-08 1493
一切的网页可都是以HTML标签为基础，下面就详细归纳一下HTML标签的嵌套规则吧，学习网页的新手朋友们很有必要看看最近在重新学习HTML的知识，算是对HTML的一个重新认识吧！别小看了这东西，一切的网页可都是以它为基础的！下面就详细归纳一下HTML标签的嵌套规则吧，希望对大家有所帮助。XHTML的标签有许多：p、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 str...
网页重构：嵌套规则与HTML标签的正确使用
在网页重构的过程中，遵循良好的HTML嵌套规则是至关重要的。这些规则确保了代码的结构清晰，可读性强，同时也提高了网页的性能和兼容性。以下是关于嵌套规则的一些核心要点： 1. 块元素（block elements）如`<div>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值