Вопрос
Есть ли какая-то польза в использовании <blockquote>
элемент над <div>
?Я просматривал разметку веб-сайта, чтобы изучить CSS, и я не мог понять, почему <blockquote>
был использован.
Редактировать:Да, извините, что я не уточнил, он использовался для хранения <div>
тег с именем пользователя в виде текста и тегом ввода.Цитаты явно не было.
Решение
Теоретически HTML должен быть как можно более "семантическим" - это означает, что каждый элемент должен указывать что-то о своем содержимом. <h1>
s должен содержать самый важный заголовок; <p>
s должны окружать абзацы; <em>
следует указать акцент и т.д.
Таким образом, код имеет смысл, когда вы - или программа чтения с экрана, или кто-то еще - смотрите на него.Это также помогает для устройств, которые не понимают всех (или каких-либо) ваших правил CSS.
Другие советы
Семантически, а blockquote
тег имеет смысл, когда вы что-то цитируете.Конечно, стилизованный div может делать то же самое, но почему бы не использовать правильный тег для этой работы?
Кроме того, тег blockquote позволяет вам включать цитату в cite
атрибут.
<blockquote>
следует использовать, когда текст, который он содержит, является блочной цитатой.Для меня это звучит очень очевидно, так есть ли еще один аспект в вашем вопросе?
Как уже упоминалось, <blockquote>
предназначен для цитирования.Аналогично вы будете использовать несколько <p>
блоки для абзацев в пределах одного <div>
который содержит содержимое страницы или что-то еще.Предложение HTML5 будет содержать намного больше блочных элементов (т. е. таких же, как divs), целью которых будет добавление семантической информации о нем, такой как верхний, нижний колонтитулы, меню и т.д.
Как упоминалось ранее, blockquotes предназначены для кавычек.Точно так же, как таблицы (возможно) предназначены для табличных данных, списки предназначены для списков, divs - для разделов, p - для абзацев и т.д.
Конечно, с помощью divs вы могли бы сделать почти все.В этом прелесть использования HTML с CSS:вы можете сделать так, чтобы все выглядело так, как вы хотите (теоретически, в реальном мире причуды браузера иногда портят это).
Использование divs для всего, что вы можете придумать, широко известно как "divitis".Видишь эта статья для небольшого пояснения :)
Вероятная причина, по которой они используют blockquote
заключается в том, что многие люди, занимающиеся HTML, недостаточно разбираются в CSS, чтобы понять, что div
может быть задано то же левое поле, что и blockquote
рендерится с помощью по умолчанию.