html行内元素和块状元素有哪些

行内元素：a、span、img、em。
你有线路吗？没算到。
宽度如何确定？内容已确定。
高度设置？无效的。

块元素：div、p、h1 你有线路吗？占据。
宽度如何确定？填充父元素。
高度设置？高效的。

特殊元素：按钮。
如何查看？看上下文。

不相信：废弃的标签，如字体和中心。
使用CSS。

提醒：首先检查显示属性值以确定项目类型。

html标签的嵌套规则有哪些

严格来说，HTML标签分为块级标签和内联标签。
块级标签用于构建框架，内部标签用于装饰细节。
由于嵌套规则，它很复杂，但请记住几个关键点。

我们先来说最重要的事情：像div和p（像span和a）这样的块级元素可以包含内联元素，但是内部元素不能包含块级元素。
在我们去年做的一个项目中，有人造成了雪崩效应，整个布局变得一团糟。
还有一点就是块级别不能直接加到p上。
例如，如果将 ol 添加到 p。
浏览器会偷偷地给你添加一个div层；说实话，这很尴尬。
还有一个更重要的细节。
h1 至 h6 ；特殊块级别（例如 p 和 dt）只能内联输入。
例如，去年一个竞争网站在 h1 中混合了 div，结果 SEO 下降了 3 0%。

一开始我以为li和div不能互相挂载，后来发现我错了。
其实li和div的地位是一样的，li可以包含div，但是网上很多人都搞糊涂了。
等等还有一件事。
和块级别块级组合（例如h2 和p放在一个div中）； Inline 和 inline 是组合在一起的（例如 a 和 span 放在 div 中）。
但这不是问题。
内联和块级混合了内联和块级，例如将 h2 和 span 放在 div 中。

建议在浏览器中尝试。
内联和块级嵌套的问题通常在于细节。
您认为内联和块级可以相互连接吗？

HTML中的div标签有什么用？ div标签的5个常见用途

结论： 1 . div用于控制CSS样式，例如Banner布局、图层定位和两列布局。
2 .div构建模块化结构，如电商商品详情页，代码清晰，易于维护。
3 .div作为JavaScript容器，例如购物车弹窗、DOM操作、动态内容更新等。
4 . div 替换了语义标签，例如表单组和动态 UI 元素，使布局更加灵活。
5 . 最佳实践：语义优先、命名恰当、减少嵌套。
6 、常见误区：过度使用div、过度嵌套、过度使用命名。
7 . div是一个布局工具，团队需要平衡灵活性和语义。