HTML的标签分为哪几类

我记得有一次我正在帮助一位朋友建立一个网站，他想要一个导航栏。
我们花了很多时间才弄清楚为什么导航中的链接堆叠在一起，而不是按预期排成一行。
当时我就想，这个标签一定是错误的。
后来仔细一看，发现这些链接都是用

标签包裹的。
这是一个块元素，默认情况下它将占据一整行。
我尝试用标签替换

，结果很好。
这时我突然意识到，如果标签使用不正确，页面布局就会出现问题。
等等，那是另一回事了。
我突然想到如果我直接使用屏幕：inline;到那时，将属性添加到 CSS 中，问题可能就已经解决了。
但现在想来，还是换个标签比较容易。

HTML的标签分为哪几类

内联元素和块元素是 HTML 标签的两种主要类型。

内联元素：不要占据一整行，例如。
特点：宽度和高度不可设置。
宽度和高度根据内容而变化。

块元素：占据整行，如

等。
特点：宽度和高度可设置。

您可以使用 CSS 更改显示模式。
内联变成块状，块状变成内联。

html中常用的块状标签有哪些 html常见块状标签汇总及用法

当谈到 HTML 块标签时，这是网页设计中的老派。
我们需要谈谈如何使用这些标签以及它们背后的秘密。

比如
就是万能药。
没有什么特别的意义。
这只是一个容器、布局、分组元素等。
您可以保留所有内容。
我记得2 008 年我第一次开始网页设计时就用它来修改布局。
现在想来，我应该优先考虑像
和
这样有意义的标签，但当时我不明白这一点。
我只是觉得这样方便而已。
使用这样的例子：

欢迎

主要内容就在这里。


然后还有豆腐渣般的，专门用来分隔内容。
我在 2 01 5 年写了这篇文章，并使用这个标签来区分章节。
我觉得页面结构更容易理解。
请注意，每个部分都必须有一个标题，例如 h2 到 h6 请勿随意使用此功能。

<部分>

第 1 章

第 1 章的内容。

</节>
我们来谈谈<文章>。
这就像一个独立的小盒子，其中包含独立的、可重复使用的内容，例如博客文章和新闻。
当我在 2 02 0 年帮助重建我的博客网站时，我用它来包装每一篇文章。

博客文章标题

发布内容...

</文章>
还有
和
，它们是页面的开头和结尾，通常包含标题、导航和版权信息等内容。
当我们在 2 01 2 年重新推出网站时，我们将网站徽标和导航放在页眉中，将版权声明放在页脚中。

<标题>

网站标题

<导航> 首页 </导航> </标题> <页脚>

© 2 02 3 公司。
未经授权禁止转载。

</页脚>
最后，我们有
标签： HTML标签 块元素
上一篇： html中li是什么标签
下一篇： html是一种建立网页文件