Blockquote тег: — элемент цитаты — HTML

Leave a Comment / Разное / By /

Тег — Учебник HTML

❮ Назад HTML Справочник Далее ❯


Пример

Раздел, который цитируется из другого источника:

<blockquote cite=»http://www.worldwildlife.org/who/index.html»>
За 50 лет, Всемирный Фонд Дикой Природы защищатет будущее природы. Ведущая в мире природоохранная организация, ВОЗ работает в 100 странах и поддерживается 1,2 миллионов членов в Соединенных Штатах и около 5 миллионов во всем мире. </blockquote>

Попробуйте сами »

Определение и использование

Тег <blockquote> указывает раздел, который цитируется из другого источника.

Браузеры обычно используют отступ от элементов <blockquote> (посмотрите на пример ниже, чтобы увидеть, как удалить отступ).

Совет: Воспользуйся <q> для встроенных (коротких) цитат.

Поддержка браузеров

Элемент
<blockquote> Да Да Да Да Да

Атрибуты

Атрибут Значение Описание
cite URL Указывает источник цитат

Глобальные атрибуты

Тег <blockquote> также поддерживает Глобальные атрибуты в HTML.

События атрибутов

Тег <blockquote> также поддерживает События атрибутов в HTML.

Еще примеры

Пример

Используйте CSS для удаления отступа из элемента blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>Вот цитата с сайта ВОЗ:</p>

<blockquote cite=»http://www.worldwildlife.org/who/index.html»>
За 50 лет, Всемирный Фонд Дикой Природы защищатет будущее природы. Ведущая в мире природоохранная организация, ВОЗ работает в 100 странах и поддерживается 1,2 миллионов членов в Соединенных Штатах и около 5 миллионов во всем мире.

</blockquote>

</body>
</html>

Попробуйте сами »

Связные страницы

HTML DOM справочник: Объект blockquote

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <blockquote> со следующими значениями по умолчанию:

Пример

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Попробуйте сами »

❮ Назад HTML Справочник Далее ❯


НОВОЕ

Мы только что запустили
SchoolsW3 видео

Узнать сейчас

ВЫБОР ЦВЕТА

Получите сертификат,
пройдите
курс сегодня!

Приступить

КОДОВАЯ ИГРА

Играть

ТОП Учебники
HTML Учебник
CSS Учебник
JavaScript Учебник
КАК Учебник
SQL Учебник
Python Учебник
W3. CSS Учебник
Bootstrap Учебник
PHP Учебник
Java Учебник
C++ Учебник
jQuery Учебник

ТОП Справочники
HTML Справочник
CSS Справочник
JavaScript Справочник
SQL Справочник
Python Справочник
W3.CSS Справочник
Bootstrap Справочник
PHP Справочник
HTML Цвета
Java Справочник
Angular Справочник
jQuery Справочник

ТОП Примеры
HTML Примеры
CSS Примеры
JavaScript Примеры
КАК Примеры
SQL Примеры
Python Примеры
W3.CSS Примеры
Bootstrap Примеры
PHP Примеры
Java Примеры
XML Примеры
jQuery Примеры

Форум | О SchoolsW3

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания.

Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, cookies и политика конфиденциальности.

Авторское право 1999- Все права защищены.
SchoolsW3 работает на площадке от W3.CSS.

Сite и blockquote: перезагрузка — Веб-стандарты

Недавно в спецификации HTML было изменено определение элементов <blockquote> и <cite>. В статье рассказывается, что это значит для разработчиков.

Изменения в определении

<blockquote>Скопировать ссылку

Элемент <blockquote> представляет контент, являющийся цитатой из другого источника, возможно, включающим упоминание этого источника, которое должно быть размещено внутри элементов <footer> или <cite>, и, возможно, содержащий примечания и сокращения.

Контент внутри элемента <blockquote>, за исключением отсылки к источнику и изменений в тексте, должен быть точной цитатой из другого источника, адрес которого, если таковой имеется, может быть указан в атрибуте cite.

4.51 the Blockquote element, Роберт Бержон и соавторы, 2013.

Выделение в цитате авторское — прим. редактора.

Что изменения в

<blockquote> значат для разработчиковСкопировать ссылку

Прежде в HTML5 не было принято включать упоминание источника внутрь элемента <blockquote>. Сейчас ситуация изменилась, при условии, что упоминание источника находится внутри элемента <cite>

или <footer>. Упоминание источника внутри цитаты — распространенный кейс (данные показывают, что приблизительно в 60% случаев <blockquote> содержит упоминание источника), изменения в спецификации HTML подтверждают это и обеспечивают семантический механизм дифференциации контента цитаты от упоминания ее источника.

Пример использования элементов <footer> и <cite> внутри <blockquote>:

<blockquote>
    <p>
        As my fellow HTML5 Doctor, Oli Studholme has showed,
        people seldom quote exactly – so sacrosanctity of the quoted
        text isn’t a useful ideal – and in print etc, citations almost
        always appear as part of the quotation –
        it’s highly conventional.
    </p>
    <footer>
        — <cite><a href="http://brucelawson.co.uk/2013/on-citing-
        quotations-again/">Bruce Lawson</a></cite>
    </footer>
</blockquote>

Пример выше показывает, что авторы спецификации, вместо того, чтобы следовать теоретической чистоте, которая, в данном случае, не имеет практического смысла, предпочли изменить определение, чтобы решить реальную проблему используя существующие возможности HTML, а не изобретать колесо.

Редкий случайСкопировать ссылку

Один из аргументов против использования cite и footer внутри blockquote для указания источника цитат состоит в том, что цитируемый контент сам по себе может содержать цитаты и ссылки на источники. Мы можем отбросить этот аргумент по той причине, что такие случаи крайне редки. Отказ от использования

<cite> и <footer> ради такого редкого кейса — другой пример теоретической чистоты, которая не будет служить практическим целям.

Но если у вас возник такой случай, в настоящее время спецификация HTML предлагает вам просто закомментировать указание источника в коде цитаты. (Вопрос все еще открыт и этот совет может измениться):

(Добавлено 6.11.13 — прим. редактора.) В ответ на отзывы, мы решили изменить наше предложение для спецификации так, чтобы использовать атрибут class (который может использоваться для расширения) элемента <cite> для обозначения, что это часть источника цитаты.

<blockquote>
    <p>
        My favorite book is
        <cite>At Swim-Two-Birds</cite>
    </p>
    <footer>
        — <cite>Mike[tm]Smith</cite>
    </footer>
</blockquote>

Изменения в определении

<cite>Скопировать ссылку

Элемент <cite> представляет отсылку к оригинальной работе. Он должен включать название работы или имя автора (персоналию, группу лиц или организацию), или ссылку, которые могут быть в представлены сокращенном виде в соответствии с соглашениями, принятыми при цитировании.

4.51 the Cite element, Роберт Бержон и соавторы, 2013.

Что изменения в

<cite> значат для разработчиковСкопировать ссылку

Ранее в HTML5 не было принято упоминать автора источника по имени или заключать другую информацию об источнике в элемент <cite>. Применение <cite> было зарезервировано (теоретически) для названия источника. Это было попыткой пересмотреть определение элемента, не менявшееся 14 лет.

Разработчики выступали против изменений в определении:

Присоединяйтесь к кампании гражданского неповиновения против излишне ограничительных, обратно-несовместимых изменений элемента <cite>. Начните использовать HTML5, но начните использовать его разумно. Давайте посмотрим, как плохой совет канет в лету.

Джереми Кит, 2009.

Они также приводили абстрактные и реальные примеры указания источника. Сейчас, в результате исследований, анализа данных и дискуссий, разработчики могут вновь использовать <cite> для того, чтобы разными способами сослаться на источник: например, указать название работы, имя автора или ссылку на источник. Мы теряем в теоретической чистоте, но выигрываем в удобстве использования:

Сколько раз в день тег <cite>, содержащий гиперссылку, опубликуется на веб-страницах? По меньшей мере, 70 миллиардов раз, т.е. примерно в 10 ссылках на странице результатов поиска Google. Одна из причин, почему элемент <cite> теперь можно использовать для гиперссылок (даже не упоминая про идентичную ситуацию с Bing).

Стив Фолкнер, 22 октября 2013

Что вы думаете?Скопировать ссылку

Пожалуйста, прочитайте определения в спецификации HTML 5. 1, нам интересно ваше мнение!

  • 4.6.6 Элемент <cite>
  • 4.5.4 Элемент <blockquote>

Огромное спасибо «доктору» Оли, чье исследование помогло подготовить изменения, произошедшие с элементами <cite> и <blockquote>. И «доктору» Брюсу за то, что настаивал на своем праве цитировать свою маму.

HTML-тег — GeeksforGeeks

Улучшить статью

Сохранить статью

  • Уровень сложности: Средний
  • Последнее обновление: 20 июл, 2022

  • Читать
  • Обсудить

    • Улучшить статью

    Сохранить статью

    Тег

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

    Примечание: Тег

    в HTML4.1 определяет длинную цитату, т. е. цитату, занимающую несколько строк. Но в HTML5 тег
    указывает раздел, цитируемый из другого источника.
     

    Синтаксис:  

     
     Содержание...

    Атрибут: Содержит единственный атрибут cite , который используется для указания источника цитаты.
     

    Примеры ниже иллюстрируют тег blockquote:
     
    Example 1:

    HTML

    < html >

       < body >

    < h2 >Гики для гиков h2 >

         < 90>< 90><0056 blockquote > Tag h3 >

        

         < blockquote cite =

            

     

    < p >

             HTML означает язык гипертекстовой разметки. Он

             используется для разработки веб-страниц с использованием языка разметки.

             HTML — это сочетание гипертекста и языка разметки.

             Гипертекст определяет связь между веб-страницами. Язык разметки

             используется для определения текстового документа в теге

             , который определяет структуру веб-страниц.

           p >

     

     

         blockquote >

        

       body >

    html >

    Вывод:  

    Пример 2:  

    HTML

    905TYPE

    3 9DO0056

    < html >

     

    < body >

         < h2 >GeeksforGeeks h2 >

    < h3 >< цитата > Тег h3 >

    0   0002  

    < p >This is blockquote Tag text with attribute cite p >

     

     

        

         < blockquote cite = "www. geeksforgeeks.org" >

             GeeksforGeeks: портал информатики для гиков

     0056 blockquote >

        

    body >

     

    html >

    Output:  

    Поддерживаемые браузеры:  

    • Google Chrome
    • Edge 12 и выше
    • Internet Explorer
    • Firefox 1 и выше
    • Safari
    • Opera

    Статьи по теме

    Тег HTML blockquote - javatpoint

    следующий → ← предыдущая

    Тег HTML

    используется для определения блока текста, цитируемого из другого источника. Браузер обычно отображает содержимое тега
    в виде текста с отступом.

    Если вы хотите вставить длинную цитату, используйте

    , а для короткой или встроенной цитаты используйте тег .

    Синтаксис

    цитируемый текст......

    Ниже приведены некоторые характеристики тега

    Дисплей Блок
    Начальный тег/конечный тег Начальный и конечный теги
    Использование Семантический/текстовый

    Пример

    <голова>Тег цитирования <тело>

    Пример тега цитаты

    Отличная мотивационная цитата:

    <р> В конце концов, только вы несете ответственность за свои успехи и неудачи. И чем раньше вы это осознаете, примете и интегрируете в свою рабочую этику, вы начнете добиваться успеха. Пока вы обвиняете других в том, что вы не там, где хотите быть, вы всегда будете неудачником.

    Эрин Каммингс

    Протестируйте сейчас

    Вывод:

    Стилизация тега

    <голова>Тег цитирования <стиль> цитата { выравнивание текста: по ширине; цвет фона: #F7EAE9; радиус границы: 4px; поле справа: 25px;} цитировать{ поле слева: 15px;}

    <тело>

    Пример тега цитаты

    Отличная мотивационная цитата:

    <р> В конце концов, только вы несете ответственность за свои успехи и неудачи. И чем раньше вы это осознаете, примете и интегрируете в свою рабочую этику, вы начнете добиваться успеха. Пока вы обвиняете других в том, что вы не там, где хотите быть, вы всегда будете неудачником.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *