Какой тег должен использоваться для короткого текста, например «Back to top», «Читать дальше» и т. Д.?
-
19-09-2019 - |
Вопрос
Какой тег должен использоваться для короткого текста.
Вернуться к вершине
Читать далее
является <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>
Решение
В общем, вы должны использовать якорь <a>
ярлык.
Гнездование <a>
внутри а <p>
совершенно верен, но в целом <p>
должен быть зарезервирован для абзацев текста. Поскольку ваша просто ссылка, <a>
Один только тег, вероятно, будет наиболее рекомендованным.
Если вы хотите, чтобы ваша ссылка появилась как элемент блока, просто стиль его с помощью display: block;
. Анкет Тот факт, что <a>
Тег обычно отображается встроенным только потому, что он является его стилем по умолчанию.
Другие советы
Якоря тега
<a href="#">Back to top</a>
<a href="#">Read more</a>
Вы можете встроить якорную метку в элемент блока. Так что -то вроде этого
<p><a href="#">Back to top</a></p>
Встроенные элементы должны быть закрыты внутри элементов уровня блока, так что это основной подход:
<p><a href="#">Back to top</a></p>
Обычно хотя <a>
Элемент уже находится внутри <div>
тег, так что <p>
Не абсолютно необходимо, но это более семантически правильное - это все еще абзац текста, даже если в нем есть только несколько слов.
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 thea
tag too.
* If you need a tag for structuring only or to hang CSS styles from, then use <span>
.