HTML: Каков правильный порядок тегов <a>и <p>?

Question

Что из нижеперечисленного является верным по стандартам?

<!-- 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>

Спасибо!

Answer 1

Первый пример разрешен только в HTML5.

Второй пример разрешен во всех версиях HTML / XHMTL.

Answer 2

Нельзя обернуть элемент блока встроенным элементом.Вы должны сделать это следующим образом:

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

Это стандарт W3C.Отметьте это !

Answer 3

Начиная с HTML 5, теги привязки (<a></a>) могут обтекать практически все, включая абзацы. Так что любой пример верен, хотя я предпочитаю ставить якоря внутри абзацев.

Answer 4

Встроенные элементы, такие как <a>, часто содержатся в элементах уровня блока, таких как <p>. Элементы блока обеспечивают структуру, необходимую для представления ваших данных.

Answer 5

Я бы сказал, второе: <p> не наследует атрибуты <a> и сохраняет свое первоначальное форматирование.

Answer 6

якоря (а) должны быть внутри блочного элемента. Так

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

Answer 7

Я всегда помещаю теги <p> внутрь, если объем текста не велик.