Когда использовать вместо этого?

Как показывает вопрос, если у меня есть текст, который я хочу добавить в HTML, то когда я должен использовать <p> и когда я должен использовать <span>?

11 64
html

11 ответов:

вы должны иметь в виду, что HTML предназначен для описания содержимого.

Итак, если вы хотите передать абзац, то сделайте это.

ваше сравнение не совсем верно, хотя. Более прямое сравнение было бы

при использовании <div> вместо <p>?

поскольку оба являются элементами уровня блока.

A <span> встроен, как якорь (<a>),<strong> акцент (<em>), так далее., поэтому имейте в виду, что по умолчанию он используется как в html, так и в естественном письме, что абзац вызовет разрыв до и после себя, например <div>.

иногда, когда стиль вещи-встроенные вещи-a <span> здорово дать вам что-то, чтобы" зацепить " css, но в противном случае это пустой тег, лишенный семантического или стилистического значения.

65

семантически, вы используете <p> теги для обозначения абзацев. <span> используется для применения стиля CSS и / или класса(классов) к произвольному разделу текста и встроенных элементов.

76

The <p> тег pпункте, и как таковой, это блок элемент (как, например, h1 и div), а span является встроенным элементом (как, например,b и a)

элементы блока по умолчанию создают некоторые пробелы выше и ниже себя, и ничто не может быть выровнено рядом с ними, если вы не установите float атрибут для них.

встроенные элементы имеют дело с промежутками текста внутри абзаца. Они как правило, у вас нет полей, и поэтому вы не можете, например, установить width к нему.

10

семантически говоря, p является тегом абзаца и должен использоваться для форматирования абзаца текста. Span-это встроенное изменение форматирования, которое не обрабатывается семантически.

4

Span является полностью несемантическим. Он не имеет никакого значения, а служит лишь элементом для косметических эффектов.

4

a span-это встроенный элемент форматирования, который не имеет перевода строки выше или ниже.

A p-это блочный элемент, который имеет подразумеваемую подачу строки выше и ниже.

http://w3schools.com/tags/default.asp

4

практическое объяснение: по умолчанию <p> </p> добавит разрывы строк до и после вложенного текста (поэтому он создает абзац). <span> не делает этого, поэтому он называется inline.

2

когда мы используем обычный текст, в то время мы хотим, чтобы <p> тег.когда мы используем обычный текст с некоторыми эффектами в то время мы хотим, чтобы <span> tag

1

тег p обозначает элемент абзаца. Он имеет поля/обивка применяется к нему. Span-это неустановленный встроенный тег. Важным отличием является то, что p является блочным элементом, когда span является встроенным, что означает, что <p>Hi</p><p>There</p> появится на разных строках, когда <span>Hi</span><span>There</span> ветры бок о бок.

0

- это встроенный тег, а

- это тег блока, используемый для абзацев. Браузеры будут отображать пустую строку под абзацем, тогда как S будет отображаться в той же строке.

0
p {
    float: left;
    margin: 0;
}

никакого интервала не будет вокруг, он похож на span.

-5