什么标签应该用于短文本，如“返回顶部”，“阅读更多”等？

Question

什么标签应该用于短文本，如。

返回页首

了解更多

是<p>适当的或其他应该使用的东西。因为这些不是段落。

哪个更具语义性

<p><a href="#mainWrapper">Back to top</a></p>

或

<a href="#mainWrapper">Back to top</a>

或

<div><a href="#mainWrapper">Back to top</a></div>

Answer 1

锚标记

<a href="#">Back to top</a>

<a href="#">Read more</a>

您可以在块元素中嵌入锚标记。像这样的东西

<p><a href="#">Back to top</a></p>

Answer 2

通常，您应该使用锚<a>标记。

将<a>嵌套在<p>内是完全有效的，但一般来说，<p>应保留用于文本段落。由于您的链接只是一个链接，因此单独<a>标记可能是最推荐的。

如果您希望链接显示为块元素，只需使用display: block;设置样式即可。 <a>标记通常以内联方式显示的事实仅仅是因为它是默认样式。

Answer 3

内联元素必须包含在块级元素中，因此这是基本方法：

<p><a href="#">Back to top</a></p>

通常虽然<a>元素已经位于<div>标记内，但<p>并非绝对必要，但它在语义上更正确 - 它仍然是文本的一段，即使有只有几个字。

Answer 4

没有明显的语义标签。

• 也许你真的不需要那里的标签！请检查此案例。

• 如果您的“短文”是链接，那么您显然需要<a href=。如果您需要文本的CSS样式，也可以将其放入a标记。

*如果您只需要用于结构化的标记或挂起CSS样式，请使用<span>。