HTML文字的最佳做法

Question

什么html标签用于既不是标题<h1>也不是段落<p>文本？ <pre>标记不合适，因为我需要使用CSS设置文本样式。 （因此，文本基本上是不重要的短语。）

示例1：每件产品的价格：5美元

示例2：添加到购物车

处理这种情况的最佳实践（或标准方法）是什么？ 是否可以先将文本放置在<aside>标记内，而不<h1>用<h1>或<p>其包围？

Answer 1

我认为span标签应该适合该用途。

从规格

DIV和SPAN元素与id和class属性一起提供了一种向文档添加结构的通用机制。 这些元素将内容定义为内联（SPAN）或块级别（DIV），但不对内容施加其他任何表示形式。 因此，作者可以将这些元素与样式表，lang属性等结合使用，以使HTML适应他们自己的需求和品味。

例如，假设我们要基于客户信息数据库生成一个HTML文档。 由于HTML不包含标识对象的元素，例如“客户端”，“电话号码”，“电子邮件地址”等，因此我们使用DIV和SPAN来实现所需的结构和表示效果。

Answer 2

示例1：如果您有语义，可以这样编写：

<dl>
    <dt>Price per product:</dt>
    <dd>$5</dd>
    <dt>Products in stock:</dt>
    <dd>12</dd>
</dl>

否则，可以使用span标签。

---

示例2：使用<a />或<button />

Answer 3

尝试并使用描述文本内容的标签。 如果您有一段文字，请使用<p> 。 如果有报价，请使用<blockquote> 。

请参阅此处以获取标签及其描述的列表。

Answer 4

您可以使用<span> 。 对于您的信息，您可以使用CSS设置<pre>样式。

<style>
pre{
//style here
}
</style>

Answer 5

您可能会看一下span标记，这是一个全面的内联代码，非常适合DOM选择器，JS / CSS和常规组织。 尽管物有所值，但h1到h3标签始终用于非标题，没有人介意太多。

编辑：事实证明，除了那些拥有屏幕阅读器的人。 毕竟不要以这种方式使用标头可能是一个好主意。