Html 什么'；当我想将css样式应用于文本块时，理想的标记是什么？

要设置文本样式，我通常使用以下选项之一：

<span class="header">...</span>
<div class="header">...</div>
<p class="header">...</p>
<label class="header">...</label>

。。。
...

...

但是，我使用哪个标签将css样式应用于文本块，这真的很重要吗

通常我用

来表示应该在单个块中的所有内容（如标题或脚注），或者用

来表示内联的所有内容（如段落中的强调文本），但是最近我发现自己使用了

标记来表示文本的样式

*Required

，我认为这似乎有点傻，因为它是一个单词，我开始怀疑这是否是做事情的“正确”方式，或者一个标记是否比另一个更好地用于像这样的简单文本样式

---

当我想将css类应用于文本块时，是否有某种关于使用哪个标记的标准？如果是这样，什么因素决定了使用哪个标签以及何时使用？

您引用的每个标签都有一个值

例如，

表示文本段落，

表示用于注释输入的文本块。 另外，

用于在逻辑部分（分区，因此命名）中分隔页面，而不一定仅限于文本，而

通常用于表示特定样式的内联文本部分（即使必要时可以将跨距显示为块级元素）

---

虽然您不需要遵循语义标准，但当页面需要以非视觉方式解释时（例如，通过搜索引擎爬虫）这些标准很有用，因为搜索引擎爬虫不会用人眼“看到”页面，并且需要大致了解页面是如何组织的。

查看您在页面中拥有的每种类型元素的语义定义：

虽然

span

和

div

在语义上是中立的，但它们最好使用一个类或描述符来表示，以帮助向用户和浏览器提供意义。此外，您可以使用更高级的块或内联元素通过CSS提供样式，而不是为了显示而插入额外的元素

这也是HTML5提供一些优势的一个领域，定义了一些新元素，如

文章

，

章节

，

旁白

，

图

，

页眉

，

导航

，

页脚

，

详细信息

和

摘要

。上述链接中的每个元素类型及其标准用法和假定含义

标记并不是一门精确的科学，但对所使用的元素及其隐含的含义进行一些额外的思考，不仅有助于更好地构建代码，而且在涉及CSS选择器时，还会为您提供更多的选项。

“您引用的每个标记都有语义值。例如，

表示段落，

表示用于注释输入的文本块。”

Darius爵士是绝对正确的。您使用的标签应该反映它们所描述的内容。

如果您想特别了解

和

，则

用于通常使用css格式化的组块元素。

用于内联元素（例如，在句子中设置一个单词的样式）

有关所有标签的更多信息，请参阅。

。。。
<span class="header">...</span>

非常适合内联文本修改

<div class="header">...</div>

。。。

通常用于块，但也有文本块是块

<p class="header">...</p>

这是针对段落的，而且它们默认在下面有一些额外的边距

<label class="header">...</label>

。。。

仅在表单元素的上下文中使用

---

可以在任何情况下使用所有这些元素，也可以使跨度显示为块元素，但您不能确定这在所有浏览器中都是相同的。正如SirDarius已经提到的，对于非视觉方式很重要

你说的文本样式是什么意思？文本可以用于多种用途，这些用途是不同的首先是由HTML元素决定的，这些元素具有各种相关的语义。其次是对它们进行样式化。也许可以看看W3C文档。W3C描述了如何使用这些元素中的每一个。请检查HTML5样式中的新标记，如、、等，这些标记在语义上是不可知的。如果你想让一个段落好吧，就像一匹小马或一张列表，让它看起来像一个萝卜，你完全可以这样做。选择对内容具有适当语义含义的标记，然后选择样式。Soooooo…到处使用

标记对不同的文本块应用不同的样式不一定是个好主意？我讨厌使用

p因为我总是要记住调整上下页边距以适应给定的规格，
label
似乎不合适，除非我为特定控件制作标签。
span
在内联元素之外效果不太好，因为你无法调整它的左右间距。是的，试想一下，如果您使用不同的样式来表示节标题和子节标题，那么即使使用不同的类，它们中的每一个对于解析器都具有相同的“值”，而h1、h2、h3等元素可以允许从页面自动生成目录，而无需知道任何其他信息。您在解析非可视页面时要注意。我想我应该使用a删除所有默认样式，并在正确的场合使用正确的标记。这是我从头开始创建网站时通常做的。只要我不知道要显示什么信息，就根本没有样式，然后CSS重置，最后，为e眼睛糖果：）