Question

哪个html标记用于既不是标题<h1>也不是标题<p>的文字？ <pre>标记不合适，因为我需要使用CSS设置文本样式。（因此，该文本基本上是一个非重要的短语。）

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

示例2：加入购物车

处理这种情况的最佳做法（或标准方法）是什么？文本是否可以放在<aside>代码中，而不是先使用<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>。

请参阅here以获取标签列表及其描述内容。

Answer 4

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

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

Answer 5

您可以查看span标记，这是一个全能内联，对DOM选择器，JS / CSS和一般组织非常有用。虽然值得，h1到h3标记一直用于非标题，没有人会过多考虑。

编辑：事实证明，除了屏幕阅读器之外。毕竟不要以这种方式使用标题可能是个好主意。

html中文本的最佳实践

5 个答案: