цитата против div

Question

Есть ли преимущество в использовании элемента <blockquote> по сравнению с <div>? Я искал разметку веб-сайта для изучения CSS и не мог понять, почему <blockquote> использовался.

РЕДАКТИРОВАТЬ: Да, извините, я не уточнил, он был использован для хранения тега <div> с именем пользователя в качестве текста и тега ввода. Там явно не было цитаты.

Answer 1

Семантически, тег blockquote имеет смысл, когда вы цитируете что-то. Конечно, стилизованный div может сделать то же самое, но почему бы не использовать правильный тег для работы?

Кроме того, тег blockquote позволяет включать цитату с атрибутом cite.

Answer 2

Теоретически, HTML должен быть как можно более "семантическим", то есть каждый элемент должен что-то указывать на его содержание. <h1> s должен содержать самый важный заголовок; <p> с должны окружать абзацы; <em> должен указывать на акцент и т. Д.

Таким образом, код имеет смысл, когда вы - или программа для чтения с экрана, или что-то еще - смотрите на нее. Это также помогает для устройств, которые не понимают все (или любые) ваши правила CSS.

Answer 3

<blockquote> следует использовать, когда содержащийся в нем текст является кавычкой. Это звучит очень очевидно для меня, так есть ли еще один аспект в вашем вопросе?

Answer 4

Вероятная причина, по которой они используют blockquote, заключается в том, что многие люди, увлекающиеся HTML, недостаточно разбираются в CSS, чтобы знать, что div может быть предоставлено то же левое поле, что и blockquote, по умолчанию. .

Answer 5

Как упоминалось ранее, кавычки предназначены для кавычек. Точно так же, как таблицы (возможно) для табличных данных, списки для списков, div для делений, p для абзацев и т. Д.

Конечно, вы можете почти все с помощью divs. В этом прелесть использования HTML с CSS: вы можете сделать все, что захотите, (теоретически, в реальном мире браузер иногда приводит в замешательство).

Использование div для всего, что вы можете себе представить, широко известно как «divitis». См. эту статью для небольшого объяснения:)

Answer 6

Как уже упоминалось, <blockquote> для цитирования. Точно так же вы будете использовать несколько <p> блоков для абзацев внутри одного <div>, который содержит содержимое страницы или что-то еще. Предложение HTML5 будет иметь гораздо больше блочных элементов (то есть, таких же, как div), целью которых будет добавить семантическую информацию о нем, такую ​​как заголовок, нижний колонтитул, меню и т. Д.