Лучшая практика для текста в HTML

Question

Какой HTML-тег используется для текста, который не является ни заголовком <h1>, ни абзацем <p>? Тег <pre> не подходит, потому что мне нужно стилизовать текст с помощью CSS. (Таким образом, текст в основном не важная фраза.)

Пример 1: Цена за товар: $ 5

Пример 2: Добавить в корзину

Какова была бы лучшая практика (или стандартный способ) решения этой ситуации? Можно ли поместить текст внутри тега <aside>, не окружив его сначала <h1> или <p>?

Answer 1

Я думаю, что тег span должен быть правильным для этих свиней.

С Спецификация

Элементы DIV и SPAN в сочетании с идентификатором и классом. атрибуты, предлагают общий механизм для добавления структуры к документы. Эти элементы определяют содержимое, которое должно быть встроенным (SPAN) или на уровне блоков (DIV), но не навязывают другие идиомы представления содержание. Таким образом, авторы могут использовать эти элементы в сочетании с таблицы стилей, атрибут lang и т. д., чтобы адаптировать HTML к своим собственным потребности и вкусы.

Предположим, например, что мы хотим создать HTML-документ на основе базы данных клиентской информации. Поскольку HTML не включает элементы, которые идентифицируют объекты, такие как «клиент», «номер телефона», «адрес электронной почты» и т. д., мы используем DIV и SPAN для достижения желаемого структурные и презентационные эффекты.

Answer 2

Пример 1: Если вы чувствуете себя семантическим, вы можете написать это так:

<dl>
    <dt>Price per product:</dt>
    <dd>$5</dd>
    <dt>Products in stock:</dt>
    <dd>12</dd>
</dl>

В противном случае с тегом span все будет в порядке.

---

Пример 2: Используйте <a /> или <button />

Answer 3

Вы можете использовать <span>.Для вашей информации, вы можете ввести <pre>, используя css.

<style>
pre{
//style here
}
</style>

Answer 4

Вы можете взглянуть на тег span, встроенный в ловушку, который отлично подходит для селекторов DOM, JS / CSS и общей организации. Несмотря на то, что это стоит, теги h1 - h3 постоянно используются для заголовков, и никто не возражает против этого.

Редактировать: За исключением, оказывается, люди с чтения с экрана. В конце концов, было бы неплохо не использовать заголовки таким образом.

Answer 5

Попробуйте и используйте теги, которые описывают, что такое текст. Если у вас есть абзац текста, используйте <p>. Если у вас есть предложение, используйте <blockquote>.

См. здесь для списка тегов и того, что они описывают.