Перейти к содержимому

Blockquote html что это

  • автор:

Что такое blockquote в HTML5?

HTML тег

используется для указания больших цитат. При его использовании создаются отступы по бокам (около 40 пикселей), а также отступы сверху и снизу, но они гораздо меньшие. Кроме того, текст в нем отображается выровненным по ширине. Требует закрывающий тег

.

  • cite — указывается источник цитаты.
Здесь находится гениальная цитата, но не сегодня :)

Здесь находится гениальная цитата, но не сегодня 🙂

Комментарии (2)

Александр 03 октября 2022 в 10:58

А правда, почему не выводится ссылка в цитате?

Валерий 24 мая 2022 в 00:33

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

Blockquote html что это

Элемент (от англ. block quote — блок с цитатой) предназначен для выделения длинных цитат внутри документа. Текст внутри отображается как выровненный блок с отступами слева и справа (по 40 пикселей), а также с отбивкой сверху и снизу.

Синтаксис

Цитата

Атрибуты

cite Адрес, который указывает на источник цитаты.

Для этого элемента также доступны универсальные атрибуты и события.

Пример

blockquote

Возможно, Ленин использовал фразу А. П. Чехова из произведения «Моя жизнь (рассказ провинциала)» гл. VI, первая публикация которого была в приложении к «Ниве» в 1896 г.

Учиться нам нужно, учиться и учиться, а с глубокими общественными течениями погодим: мы ещё не доросли до них и, по совести, ничего в них не понимаем.

Результат данного примера показан на рис. 1.

Применение blockquote

Рис. 1. Применение

Спецификация

Спецификация Статус
HTML Living Standard Живой стандарт
HTML 4.01 Specification Заменённая рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

3 12 1 15 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Псевдоэлементы ::after и ::before
  • Работа с типографикой
  • Синтаксис CSS
  • Текст в HTML

Blockquote html что это

Тег (от англ. block quotation — блок цитата) указывает на то, что заключенный в нем текст является развернутой цитатой. URI на источник цитаты можно указать в атрибуте cite , тогда как текстовое представление источника может быть задано элементом .

Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселей), а также с отбивкой сверху и снизу.

Демо¶

Текстовые блоки

Синтаксис¶

blockquote>Цитатаblockquote> 

Закрывающий тег обязателен.

Атрибуты¶

Адрес, который указывает на источник цитаты.

Для этого элемента также доступны универсальные атрибуты.

cite¶

Задаёт адрес страницы, который указывает на источник цитаты внутри . Значение атрибута на странице не отображается и предназначено для поисковых систем.

Синтаксис

blockquote cite="источник цитаты">Цитатаblockquote> 

Значения

Значение по умолчанию

Спецификации¶

  • WHATWG HTML Living Standard
  • HTML5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
 html> head> meta charset="utf-8" /> title>citetitle> head> body> p>Цитата из «Двенадцати стульев»:p> blockquote cite="https://ru.wikiquote.org/wiki/Двенадцать_стульев" > Неделю тому назад состоялся вечер «Общества спасания на водах», о чём свидетельствовал также лозунг на стене: Дело помощи утопающим — дело рук самих утопающих. blockquote> body> html> 

Тег blockquote, отдельная цитата

Мы дополнили запись и процитировали целое стихотворение. И это не какая-то короткая цитата внутри абзаца, поэтому тег не поможет.

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

Так же, как и у , у может быть атрибут cite , содержащий ссылку на источник цитаты. И также в паре с можно использовать тег , который обычно размещается внутри цитаты. Пример:

 

Ум ценится дорого, когда дешевеет сила.

Джейсон Стэтхэм

В браузере тегу обычно добавляются горизонтальные отступы.

Мы добавили немного стилей (отступы, рамку и цвет текста), чтобы содержимое смотрелось красивее. Вы можете изучить стили во вкладке style.css .

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим

Сайт начинающего верстальщика

Блог

Всё ещё день седьмой. Кекс выдал мне задание

Сегодня пришёл Кекс и дал мне немного необычное задание. По соседству с ним поселилась одна кошечка, а Кекс совсем не умеет сочинять песни. Поэтому он попросил меня найти какое-нибудь великое произведение, чтобы он смог исполнить его ей.

Как говорится, для хорошего кота и в феврале март (народная мудрость).

Нашёл лирическое произведение для Кекса:

Мяу мяу мяу мррр мяу мяяяу мяу мяу мяу Собрание произведений М. Котидзе.

Подвал сайта

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

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