Какой тег следует использовать для коротких текстов, таких как «наверх», «Читать дальше» и т. Д.?

Question

Какой тег следует использовать для короткого текста, например.

Вернуться к началу

Подробнее

является <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>

Answer 1

Как правило, вы должны использовать тег привязки <a>.

Вложение <a> в <p> вполне допустимо, но в целом <p> должно быть зарезервировано для абзацев текста. Поскольку ваша ссылка - всего лишь ссылка, один из тегов <a>, вероятно, будет наиболее рекомендуемым.

Если вы хотите, чтобы ваша ссылка отображалась как элемент блока, просто добавьте к ней стиль display: block;. Тот факт, что тег <a> обычно отображается встроенным, объясняется только тем, что он является стилем по умолчанию.

Answer 2

Якорный тег

<a href="#">Back to top</a>

<a href="#">Read more</a>

Вы можете встроить тег привязки в элемент блока. Так что-то вроде этого

<p><a href="#">Back to top</a></p>

Answer 3

Нет очевидного семантического тега для таких.

• Возможно, вам вообще не нужен тег там! Пожалуйста, проверьте этот случай.

• Если ваши "короткие тексты" являются ссылками, то вам, очевидно, нужно <a href=. Если вам нужен стиль CSS для текста, вы можете поместить его и в тег a.

* Если вам нужен тег только для структурирования или для свисания стилей CSS, используйте <span>.

Answer 4

Встроенные элементы должны быть заключены в элементы уровня блока, поэтому это базовый подход:

<p><a href="#">Back to top</a></p>

Обычно, хотя элемент <a> уже находится внутри тега <div>, поэтому <p> не является абсолютно необходимым, но он более семантически корректен & ndash; это все еще абзац текста, даже если в нем всего несколько слов.