Html:<a> and <p> tags?</p></a>的正确顺序是什么

时间:2011-05-23 19:07:22

标签: html anchor

以下哪项(如果有的话)是否符合标准?

<!-- Do the links surround the target link object -->
<a href=''><p>Link Description</p></a>
<!-- or does the object type encapsulate the link-->
<p><a href=''>Link Description</a></p>

我知道它们的功能相同,但这是一个最佳实践/标准问题。这也适用于ul / ol。

我认为支持<a>标签的唯一原因是:

<p>This is a longer sentence with a <a href=''>short link here</a></p>

谢谢!

7 个答案:

答案 0 :(得分:46)

第一个例子只允许在HTML5中使用。

所有版本的HTML / XHMTL都允许使用第二个示例。

答案 1 :(得分:14)

您无法使用内联元素包装块元素。你必须这样做:

<p><a href=''>Link Description</a></p>

这是W3C标准。检查this

答案 2 :(得分:5)

从HTML 5开始,锚标签(<a></a>)几乎可以包裹任何内容,包括段落。所以任何一个例子都是有效的,尽管我倾向于在段落中使用锚点。

答案 3 :(得分:2)

锚点(a)应位于块元素内。所以

<p><a>...</a></p>

答案 4 :(得分:2)

我会说第二个,而不是<p>不继承<a>的属性并保持原始格式。

答案 5 :(得分:2)

<a>等内联元素通常包含在块级元素中,例如<p>。块元素提供了呈现数据所需的结构。

答案 6 :(得分:1)

我总是把<p>标签放在里面,除非文字数量很大。