Blockquote html что это
Тег предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу.
Синтаксис
Текст
Закрывающий тег
Атрибуты
cite Адрес, который указывает на источник цитаты.
HTML5 IE Cr Op Sa Fx
Тег BLOCKQUOTE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан на рис. 1.
Рис. 1. Применение тега
Статьи по теме
— элемент цитаты
HTML-элемент (от англ. Block Quotation) указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание (en-US) , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом .
Интерактивный пример
| Категории контента | Основной контент, секционный корень, явный контент. |
|---|---|
| Допустимое содержимое | Основной контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который принимает основной контент. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | HTMLQuoteElement (en-US) |
Атрибуты
URL, указывающий на исходный документ или сообщение, откуда была взята цитата. Этот атрибут предназначен для того, чтобы сослаться на информацию, объясняющую контекст, или ссылки, из которых была взята цитата.
Пример
blockquote cite="http://developer.mozilla.org"> p>This is a quotation taken from the Mozilla Developer Center.p> blockquote>
Спецификации
| Specification |
|---|
| HTML Standard # the-blockquote-element |
Поддержка браузерами
BCD tables only load in the browser
Примечание
Чтобы изменить отступ элемента , используйте CSS — свойство margin .
Для коротких цитат используйте элемент (en-US).
Смотрите также
- Элемент (en-US) для встроенных (строковых) цитат.
- Элемент для указания источника.
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 4 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
- Product help
- Report an issue
Our communities
Developers
- Web Technologies
- Learn Web Development
- MDN Plus
- Hacks Blog
- Website Privacy Notice
- Cookies
- Legal
- Community Participation Guidelines
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
html теґ
HTML тег визначає довгий (багаторядковий) текст, який процитований з іншого джерела.
Текст, позначений тегом , відображається як блок з відступами зліва та справа (по 40 пікселів) та з відступами зверху та знизу.
Атрибутом cite задається посилання на джерело з якого було процитовано текст.
Використовуйте для однорядкових (коротких) цитат.
Синтаксис
Текст
| Атрибут | Опис атрибута |
|---|---|
| cite | Вказує URL адресу ресурсу / документа, з якого була запозичена цитата. Для користувача цей атрибут не відображається ( не видно його застосування). Він може використовуватися пошуковими машинами і в статистичних цілях при роботі скриптів на стороні сервера. Допускається вказувати як абсолютні адреси (наприклад: ), так і відносні (наприклад: . |
Вказує додаткову текстову підказку
Повідомляє браузеру переводити вказаний текст в елементі чи ні.
Контекстне меню для елемента
Дозволяє активувати або сфокусуватись на елементі за допомогою заданого сполучення клавіш.
Визначає один або кілька класів, щоб зв’язати елемент з таблицею стилів (CSS).
Визначає чи можна перетягувати елемент.
Дозволяє редагувати текст в середні тегу.
Вказує напрямок тексту.
Приховує вміст елемента від перегляду.
Задає унікальний ідентифікатор для елемента.
Визначає основну мову вмісту елемента
Вказує браузеру перевіряти чи ні правопис і граматику в тексті елемента.
Задає вбудований (inline) CSS стиль для елемента.
Встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші `Tab`.
Вказує, що робити з перетягувати елементи.
Більше інформації про загальні атрибути за посиланням Загальні атрибути в html.
| Подія | Опис події |
|---|---|
| onplay | Скрипт викликається коли медіа дані готові почати відтворення. |
| onafterprint | Скрипт виконується тільки після як документ надрукований. |
| onbeforeprint | Скрипт виконується перед тим, як документ надрукований. |
| onbeforeunload | Скрипт виконується коли документ ось-ось буде вивантажений |
| onhashchange | Скрипт виконується коли там відбулися зміни до частини якоря в URL |
| onload | Викликається після того як завантаження елемента завершене. |
| onmessage | Скрипт виконується коли викликане повідомлення. |
| onoffline | Спрацьовує коли браузер починає працювати в автономному режимі |
| ononline | Спрацьовує коли браузер починає працювати в режимі онлай. |
| onpagehide | Скрипт виконується коли користувач переходить на іншу сторінку сторінку. |
| onpageshow | Скрипт виконується коли користувач заходить на сторінку. |
| onpopstate | Скрипт виконується коли змінено історію одного вікна. |
| onresize | Скрипт виконується, коли розмір вікна браузера змінюється. |
| onstorage | Скрипт виконується, коли вміст Web Storage оновлюється. |
| onunload | Викликається, коли сторінка розвантажена, або вікно браузера було зачинено. |
| onblur | Скрипт виконується, коли елемент втрачає фокус. |
| onchange | Викликається в той момент, коли значення елемента змінюється. |
| oncontextmenu | Скрипт виконується коли викликається контекстне меню. |
| onfocus | Викликається в той момент, коли елемент отримує фокус. |
| oninput | Скрипт викликається коли користувач вводить дані поле. |
| oninvalid | Скрипт виконується, коли елемент недійсний. |
| onreset | Викликається, коли натискається у формі кнопка типу Reset. |
| onsearch | Викликається, коли користувач щось пише в поле пошуку (для <input type="search">) |
| onselect | Викликаєтсья після того як будь-який текст був обраний в елементі. |
| onsubmit | Викликається при відправленні форми. |
| onkeydown | Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу. |
| onkeypress | Викликається коли корисрувач натиснув на клавішу. |
| onkeyup | Викликається коли користувач відпускає клавішу. |
| ondblclick | Виникає при подвійному клацанні ЛКМ на елементі. |
| ondrag | Періодично викликається при операції перетягування. |
| ondragend | Викликається коли користувач відпускає перелягуваний елемент. |
| ondragenter | Викликається, коли перетягуваний елемент входить в цільову зону. |
| ondragleave | Викликається, коли перетягуваний елемент виходть з зони призначення. |
| ondragover | Викликається, коли перетягуваний елемент знаходиться в зоні призначення. |
| ondragstart | Викликається, коли користувач починає перетягувати елемент, або виділений текст. |
| ondrop | Викликається, коли перетягуваний елемент падає до зони призначення. |
| onmousedown | Викликається, коли користувач затискає ЛКМ на елементі. |
| onmousemove | Викликається, коли курсор миші переміщається над елементом. |
| onmouseout | Викликається, коли курсор виходить за межі елемента. |
| onmouseover | Виконується, коли курсор наводиться на елемент. |
| onmouseup | Викликається, коли користувач відпускає кнопку миші. |
| onscroll | Викликається при прокручуванні вмісту елемента (чи веб-сторінки). |
| onwheel | Викликається, коли користувач прокручує коліщатко миші. |
| oncopy | Викликається, коли користувач копіює вміст елемента. |
| oncut | Викликається, коли користувач вирізає вміст елемента. |
| onpaste | Викликається, коли користувач вставляє вміст в елемент. |
| onabort | Виконується при перериванні якоїсь події. |
| oncanplay | Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення) |
| oncanplaythrough | Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію. |
| oncuechange | Скрипт виконується коли змінюється кий в <track> елемента |
| ondurationchange | Викликається коли змінюється довжина медіа файлу. |
| onemptied | Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею). |
| onended | Викликається коли медіа елемент повністю відтворив свій зміст. |
| onshow | Викликається, коли елемент <menu> буде відображено як контекстне меню. |
| onloadedmetadata | Скрипт виконується коли метадані (розміри чи тривалість) завантажуються. |
| onloadeddata | Викликається коли медіа данні завантажено. |
| onloadstart | Викликається коли браузер тільки починає завантажувати медіа дані з сервера. |
| onpause | Викликається коли відтворення медіа даних призупинено. |
| onplaying | Викликається коли розпочато відтворення медіа даних. |
| onprogress | Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео. |
| onratechange | Викликається коли змінюється швидкість відтворення медіа даних. |
| onseeked | Викликається коли атрибут seeked у тега audio або video змінює значення з true на false. |
| onseeking | Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true |
| onstalled | Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані. |
| onsuspend | Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження. |
| ontimeupdate | Викликається коли змінилася позиція відтворення елемента <audio> або <video>. |
| onvolumechange | Викликається коли змінюється гучність звуку. |
| onwaiting | Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться. |
| ontoggle | Викликається, коли користувач відкриває або закриває елемент <details>. |
| onerror | Викликається якщо при завантаженні елемента сталася помилка. |
| onclick | Подія викликається коли користувач клацає ЛКМ по елементу. |
Більше інформації про html події за посиланням Атрибути подій в html.
Переглядачі
- Стаціонарні переглядачі
- Мобільні переглядачі
Сite и blockquote: перезагрузка
Недавно в спецификации HTML было изменено определение элементов и . В статье рассказывается, что это значит для разработчиков.
Изменения в определении Скопировать ссылку
Элемент
представляет контент, являющийся цитатой из другого источника, возможно, включающим упоминание этого источника, которое должно быть размещено внутри элементов или , и, возможно, содержащий примечания и сокращения.
Контент внутри элемента
, за исключением отсылки к источнику и изменений в тексте, должен быть точной цитатой из другого источника, адрес которого, если таковой имеется, может быть указан в атрибуте cite .
4.51 the Blockquote element, Роберт Бержон и соавторы, 2013.
Выделение в цитате авторское — прим. редактора.
Что изменения в значат для разработчиков Скопировать ссылку
Прежде в HTML5 не было принято включать упоминание источника внутрь элемента . Сейчас ситуация изменилась, при условии, что упоминание источника находится внутри элемента или . Упоминание источника внутри цитаты — распространенный кейс (данные показывают, что приблизительно в 60% случаев содержит упоминание источника), изменения в спецификации HTML подтверждают это и обеспечивают семантический механизм дифференциации контента цитаты от упоминания ее источника.
Пример использования элементов и внутри :
Пример выше показывает, что авторы спецификации, вместо того, чтобы следовать теоретической чистоте, которая, в данном случае, не имеет практического смысла, предпочли изменить определение, чтобы решить реальную проблему используя существующие возможности HTML, а не изобретать колесо.
Редкий случай Скопировать ссылку
Один из аргументов против использования cite и footer внутри blockquote для указания источника цитат состоит в том, что цитируемый контент сам по себе может содержать цитаты и ссылки на источники. Мы можем отбросить этот аргумент по той причине, что такие случаи крайне редки. Отказ от использования и ради такого редкого кейса — другой пример теоретической чистоты, которая не будет служить практическим целям.
Но если у вас возник такой случай, в настоящее время спецификация HTML предлагает вам просто закомментировать указание источника в коде цитаты. (Вопрос все еще открыт и этот совет может измениться):
(Добавлено 6.11.13 — прим. редактора.) В ответ на отзывы, мы решили изменить наше предложение для спецификации так, чтобы использовать атрибут class (который может использоваться для расширения) элемента для обозначения, что это часть источника цитаты.
My favorite book is At Swim-Two-Birds
Изменения в определении Скопировать ссылку
Элемент представляет отсылку к оригинальной работе. Он должен включать название работы или имя автора (персоналию, группу лиц или организацию), или ссылку, которые могут быть в представлены сокращенном виде в соответствии с соглашениями, принятыми при цитировании.
4.51 the Cite element, Роберт Бержон и соавторы, 2013.
Что изменения в значат для разработчиков Скопировать ссылку
Ранее в HTML5 не было принято упоминать автора источника по имени или заключать другую информацию об источнике в элемент . Применение было зарезервировано (теоретически) для названия источника. Это было попыткой пересмотреть определение элемента, не менявшееся 14 лет.
Разработчики выступали против изменений в определении:
Присоединяйтесь к кампании гражданского неповиновения против излишне ограничительных, обратно-несовместимых изменений элемента . Начните использовать HTML5, но начните использовать его разумно. Давайте посмотрим, как плохой совет канет в лету.
Джереми Кит, 2009.
Они также приводили абстрактные и реальные примеры указания источника. Сейчас, в результате исследований, анализа данных и дискуссий, разработчики могут вновь использовать для того, чтобы разными способами сослаться на источник: например, указать название работы, имя автора или ссылку на источник . Мы теряем в теоретической чистоте, но выигрываем в удобстве использования:
Сколько раз в день тег , содержащий гиперссылку, опубликуется на веб-страницах? По меньшей мере, 70 миллиардов раз, т.е. примерно в 10 ссылках на странице результатов поиска Google. Одна из причин, почему элемент теперь можно использовать для гиперссылок (даже не упоминая про идентичную ситуацию с Bing).
Стив Фолкнер, 22 октября 2013
Что вы думаете? Скопировать ссылку
Пожалуйста, прочитайте определения в спецификации HTML 5.1, нам интересно ваше мнение!
Огромное спасибо «доктору» Оли, чье исследование помогло подготовить изменения, произошедшие с элементами и . И «доктору» Брюсу за то, что настаивал на своем праве цитировать свою маму.