Вопрос

Есть ли какая-то польза в использовании <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 рендерится с помощью по умолчанию.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top