Как указывает вопрос, если у меня есть текст, который я хочу добавить в HTML, тогда, когда я должен использовать <p> и когда следует использовать <span>?
Когда использовать <span> вместо <p>?
Ответ 1
Вы должны иметь в виду, что HTML предназначен для описания содержимого, которое он содержит.
Итак, если вы хотите передать абзац, сделайте это.
Однако ваше сравнение не совсем верно. Более прямое сравнение было бы
Когда использовать
<div>вместо<p>?
поскольку оба являются элементами уровня блока.
A <span> является строковым, очень похожим на якорь (<a>), <strong>, акцент (<em>) и т.д., поэтому имейте в виду, что по умолчанию его природа как в html, так и в естественном письме, что абзац вызовет разрыв до и после него, например, <div>.
Иногда, когда стилизация вещей - встроенные вещи - a <span> отлично подходит для того, чтобы дать вам что-то, чтобы "зацепить" css, но в остальном это пустой тег, лишенный смыслового или стилистического значения.
Ответ 2
Семантически, вы используете теги <p> для обозначения абзацев. <span> используется для применения стиля CSS и/или класса (ов) к произвольному разделу текста и встроенных элементов.
Ответ 3
Тег <p> - это aragraph p, и как таковой он является блочным элементом (как, например, h1 и div), тогда как span является встроенным элементом (as, например, b и a)
Элементы блока по умолчанию создают некоторые пробелы выше и ниже самих себя, и ничто не может быть выровнено рядом с ними, если вы не установите для них атрибут float.
Встроенные элементы обрабатывают промежутки текста внутри абзаца. Обычно они не имеют полей, и поэтому вы не можете, например, установить для него width.
Ответ 4
Семантически говоря, p является тегом абзаца и должен использоваться для форматирования абзаца текста. Интервал - это встроенное форматирование, которое не обрабатывается семантически.
Ответ 5
Span полностью не является смысловым. Он не имеет никакого значения и служит лишь элементом для косметических эффектов.
Пункты имеют семантическое значение - они говорят машине (например, браузеру или читателю экрана), что содержимое, которое они инкапсулируют, является блоком текста и имеет то же значение, что и абзац текста в книге.
Ответ 6
Пауза - это встроенный элемент форматирования, который НЕ имеет строку, расположенную выше или ниже.
A p является блочным элементом, у которого есть подразумеваемая строка строки выше и ниже.
Ответ 7
Практическое объяснение: по умолчанию <p> </p> будет добавлять разрывы строк до и после вложенного текста (поэтому он создает абзац). <span> не делает этого, поэтому он называется inline.
Ответ 8
Когда мы используем обычный текст в это время, мы хотим использовать тег <p>. Когда мы используем обычный текст с некоторыми эффектами, в то время нам нужен тег <span>
Ответ 9
Тэг p обозначает элемент абзаца. Он имеет поля/отступы, применяемые к нему. Пробел - это неокрашенный встроенный тег. Важным отличием является то, что p является блочным элементом, когда span является встроенным, что означает, что <p>Hi</p><p>There</p> будет отображаться на разных строках, когда <span>Hi</span><span>There</span> завершается бок о бок.
Ответ 10
<span> является встроенным тегом, a <p> является блочным тегом, используемым для абзацев. Браузеры будут отображать пустую строку под абзацем, тогда как <span> s будет отображаться в одной строке.
Ответ 11
p {
float: left;
margin: 0;
}
Нет интервала вокруг, он похож на диапазон.