Which of the following, if either, is correct by standards?
<!-- 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>
I know they function the same, But it's a best practice/standards question. This could apply to ul/ol too.
The only reason I think to fav开发者_运维知识库or the <a>
tag inside is with a situation like:
<p>This is a longer sentence with a <a href=''>short link here</a></p>
Thanks!
The first example is only allowed in HTML5.
The second example is allowed in all versions of HTML/XHMTL.
You can't wrap a block element with an inline element. You have to do this in that way:
<p><a href=''>Link Description</a></p>
This is W3C standard. Check this!
As of HTML 5, anchor tags (<a></a>
) are allowed to wrap around almost anything, including paragraphs. So either example is valid, although I tend to prefer having anchors inside paragraphs.
anchors (a) should be inside a block element. So
<p><a>...</a></p>
I would say the second one, than the <p>
is not inheriting attributes of <a>
and keeping it's original formatting.
Inline elements such as <a>
are often contained within block-level elements such as <p>
. The block elements provide the structure needed to present your data.
I always put the <p>
tags inside unless the amount of text is large.
For anyone looking at this now, here is a link that adds more context to correct answer.
The first example is only allowed in HTML5.
The second example is allowed in all versions of HTML/XHMTL.
HTML5 specification
精彩评论