HTML Какая разница между DIV иP?

Question

[Дмитрий]

Какая разница между DIV иP? И то и то блочные элементы с почти одинаковыми свойствами.Когда какой уместнее использовать? Некоторые при верстке вкладывают один в другой - зачем?

Answer 1

[zooks]

div - блок
p - абзац
Абзацы имеют по-умолчанию вертикальные отступы.

Пример классического использования:

.content {
	text-align: justify;
}

<div class="content">
	<p>Lorem</p>
	<p>Ipsum</p>
	<p>Dolor</p>
</div>

Answer 2

[Ankhena]

Ко всем ответам выше добавлю ссылку на прекрасный справочник https://webref.ru/html

А еще есть section, article, figure и т.д.

Некоторые при верстке вкладывают один в другой - зачем?

Кто-то для достижения дополнительных эффектов, кто-то по ошибке и незнанию. Без конкретного примера - неизвестно. А вообще, вся страница это теги вложенные один в другой :)

Answer 3

[Bearax]

DIV - осуществляет логическое разделение документа, создавая фрагмент внутри него.
<Р> - обозначает параграф.

Answer 4

[Магжан Биргебайулы]

div - блоки
p - контент сайта. поисковые системы читают p как текст и от него берут инфу. + p применяются стили как новая строка, красная строка, отступы и т.п. (т.е для корректного отображения текста по одному стилю.)

итого - используем div для отображения на сайте, p - только для информации ввиде текстов и изображении (контент сайта)

Answer 5

[Иван]

P - параграф.