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
加载中,请稍侯......
精彩评论