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

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

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

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

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

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

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

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

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

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

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

Легко, правда? На самом деле ничего не изменилось. Помните, что, как и в «блочный элемент» (поток содержимого), мы можем поместить в него все, что угодно, включая заголовки, изображения и таблицы, в дополнение к обычным абзацам текста. Однако в HTML5 есть несколько небольших отличий. является корнем разделения, что означает, что любые - элементы, которые он содержит, не становятся частью структуры документа. Кроме того, добавление одного абзаца текста без заключительных

теги теперь полностью кошерные. Вот несколько простых примеров (извинения за поддельный контент):

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

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

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

Если хотите, мою статью можно было бы адаптировать с учетом отзывов врачей, чтобы она лучше подходила более широкой аудитории. Я твердо верю, что ключевой частью изучения HTML5 является изучение HTML4 правильно и отказ от интервалов и div для семантики, где это возможно.