HTML
тег використовується для визначення блоку тексту, який цитується з іншого джерела. Браузер зазвичай відображає вміст усерединітег як текст із відступом.
Якщо ви хочете вставити довгу цитату, використовуйте
і для короткої або вбудованої цитати використовуйте тег.
Синтаксис
<blockquote> quoted text......</blockquote>
Нижче наведено деякі характеристики щодо тег
Дисплей | Блокувати |
---|---|
Початковий тег/кінцевий тег | Початковий і кінцевий теги |
Використання | Семантичний/текстовий |
приклад
Blockquote tag <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote :</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> Erin CummingsПеревірте зараз
Вихід:
Стайлінг тег
Blockquote tag blockquote{ text-align: justify; background-color: #F7EAE9; border-radius: 4px; margin-right: 25px;} cite{ margin-left: 15px;} <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote:</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> -Erin CummingsПеревірте зараз
Примітка: ми використали властивість CSS margin-right: 25px, щоб змінити відступ, застосований до тексту. Ви також можете використовувати властивість margin-left або margin-stend.
Вихід:
Атрибут
Спеціальний атрибут тегу
Атрибут | значення | опис |
---|---|---|
цитувати | URL | Він використовується для вказівки URL-адреси джерела, звідки взято цитату. |
Глобальні атрибути
The
тег підтримує всі глобальні атрибути в HTML.
Атрибути події
The
тег підтримує всі атрибути подій у HTML.
Підтримка браузерів
елемент | Chrome | IE | Firefox | Опера | Сафарі |
Так | Так | Так | Так | Так |