Какой тег должен использоваться для короткого текста, например «Back to top», «Читать дальше» и т. Д.?

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

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

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

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

Answer 4

There's no obvious semantic tag for such.

• Perhaps you don't really need a tag there at all! Please check for this case.

• If your "short texts" are links, then you obviously need <a href=. If you need a CSS style for the text, you can put it into the a tag too.

* If you need a tag for structuring only or to hang CSS styles from, then use <span>.