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

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>标签

嵌套一个<a>内部的<p>是完全有效的，但在一般的<p>应保留给文本段落。因为你只是一个环节，<a>标签单独将可能是最值得推荐的。

如果你希望你的链接显示为一个块元素，只需用display: block;样式。该<a>标签正常显示在线的事实是，只是因为这是它的默认样式。

Answer 2

锚标签

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

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

可以嵌入一个块元件内部的锚定标记。因此，像这样

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

Answer 3

内嵌元素必须内部块级元素被封闭，所以这是基本的方法：

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

虽然通常<a>元素已经是一个<div>标签内，因此<p>不是绝对必要的，但更语义正确的 - 它仍然是一段文字，即使有在它的只有几句话

Answer 4

没有明显的语义标签。

• 也许您根本不需要标签！请检查一下这个案例。

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

* 如果您需要一个仅用于构建或悬挂 CSS 样式的标签，则使用 <span>.