Нужно ли писать текст в отдельном теге или достаточно положить его в div?

Question

[ince]

Если я хочу написать текст - нужно ли мне его писать в отдельном теге или достаточно положить его в div?
Как правильно и почему?

<div>
Текст
</div>

<div>
    <p>Текст</p>
</div>

Я знаю что оба варианта в интерпретаторе браузера будут работать и что в спецификации языка не ничего не сказано, лишь то что div - это блок разделения информации, но правильно ли непосредственно в нем хранить ее?
Меня интересуют нюансы

Answer 1

[oyshomusic]

Правильнее будет подумать о том, что Вы планируете дальше делать с тегами div и p.
В Вашем же примере, как таковой ошибки нет.

Answer 2

[Pavlenty0]

Как вам надо, так и делайте.

Comments

[ince]

Мне надо знать как правильно.
Я знаю что оба варианта в интерпретаторе браузера будут работать и что в спецификации языка не ничего не сказано, лишь то что div - это блок разделения информации, но правильно ли непосредственно в нем хранить ее?
Меня интересуют нюансы

Answer 3

[Андрей Корехов]

Помимо того что есть некоторые "договоренности" какой тэг для чего нужен
нюансы в стилях по умолчанию в каждом браузере
т.е. тэг имеет предустановки по отступам к примеру в каждом браузере
обычно это сбрасывается при помощи нормализации

Стили по умолчанию для p (будут выведены отступы снизу и сверху автоматом )

display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;

Стили по умолчанию для div (два дива склеятся)
display: block;

Ну и вопрос вложенности тэгов.
обычно применяется тэг обертка и в нем разное (связанное по смыслу) содержимое ложится в свой тэг для того что бы можно было их по разному изменять и позиционировать используя контейнер а не по отдельности каждый элемент

<style>
	.left_block{
		width: 50%;
		float: left;
	}
	.right_block{
		width: 50%;
		float: right;
	}
</style>
<div class="container">
	<div class="left_block">
		<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque ex voluptatem dolores sequi animi non magni ipsam dignissimos quas molestias at consequuntur consequatur dolore explicabo minima, recusandae deleniti officiis voluptatum.</p>
		<button>Посмотреть подробнее</button>
	</div>
	<div class="right_block">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate pariatur omnis illum nam voluptates corrupti iure quis amet. Soluta hic modi ad, corrupti maiores harum rem incidunt explicabo, nobis accusamus?</p>
		<button>Посмотреть подробнее</button>
	</div>
</div>

два блока рядом через стили можно передвигать весь блок

Answer 4

[Алекс Глебов]

Кроме ограничений html есть ограничения шаблона.

Например для форматированного текста с wysiwyg редактора нужен такой способ

<div class="styled-class">
    <p>Текст</p>
    <p>Текст</p>
</div>

Иначе текст не получится редактировать.

Для обычного однострочного текста без тегов разницы нет.