Как лучше всего добавлять текст на страницу?

Не совсем понимаю чем лучше пользоваться при добавлении текста на страницу, знаю разные теги p, div, h и т.д. но какой и когда лучше использовать не понимаю, подскажите пожалуйста


Ответы (2 шт):

Автор решения: DGDays

Смотря для чего вам нужен текст. Если заголовок - h1-6, если как текст, то p. div вообще не используется для добавления текста. Он - контейнер и нужен для того, чтобы правильно разметить(распределить) области страницы между другими элементами. То есть, у вас есть меню(хэдер), контент и футер и вам надо их разместить в правильном порядке + чтобы элементы имели свою определённую область. Тогда обращайтесь к div

→ Ссылка
Автор решения: Pavel Grishaev

Можно на опыте со временем наработать некоторые "хорошие практики". Но однозначной истины в этом вопросе нет.

С одной стороны, можно использовать только div, придавая ему нужные стили для конкретных ситуаций. Всё будет работать хорошо. Так же как например с p, span и прочими подобными тегами.

С другой стороны кроме визуальной составляющей есть ещё очень много нюансов, например индексирование поисковиками, доступность, быстрое понимание кода.

Поэтому первое, что советую сделать, это прочесть назначение тегов в разных источниках (не в одном, а много где). Например здесь говорится:

HTML-элемент <p> представляет собой абзац

Не просто текст, не просто одна строчка, не одно слово или буква. А абзац. Если у вас не абзац, а название продукта или подсказка из трёх слов, то это не повод использовать тег p. Лучше подойдёт div или span.

Но, как я писал выше, мнения есть разные. Кому-то удобно считать тег p подходящим для любых слов. С этим в большинстве случаев нет никаких проблем.

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

→ Ссылка