短文本应该使用什么标签。
回到顶部
阅读更多
是<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>
短文本应该使用什么标签。
回到顶部
阅读更多
是<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>
锚标记
<a href="#">Back to top</a>
<a href="#">Read more</a>
您可以在块元素中嵌入锚标记。所以像这样
<p><a href="#">Back to top</a></p>
一般来说,您应该使用锚<a>
标记。
将 a嵌套<a>
在 a<p>
中是完全有效的,但通常<p>
应该为文本段落保留。由于您的只是一个链接,<a>
因此最推荐的是单独的标签。
如果您希望链接显示为块元素,只需使用display: block;
. <a>
标签通常内联显示的事实只是因为它是其默认样式。
内联元素必须包含在块级元素中,所以这是基本方法:
<p><a href="#">Back to top</a></p>
通常虽然<a>
元素已经在<div>
标签内,所以<p>
不是绝对必要的,但它在语义上更正确——即使其中只有几个单词,它仍然是一段文本。
没有明显的语义标签。
也许你根本不需要一个标签!请检查这种情况。
如果您的“短文本”是链接,那么您显然需要<a href=
. 如果您需要文本的 CSS 样式,也可以将其放入a
标签中。
* 如果您只需要一个标签用于结构化或悬挂 CSS 样式,请使用<span>
.