Tanda <blockquote> HTML

Definisi dan penggunaan

<blockquote> Tag menentukan bagian yang diutip dari sumber lain.

Browser biasanya akan <blockquote> Elemen (lihat contoh di bawah untuk mengetahui bagaimana menghapus indentasi).

Keterangan detil

<blockquote> Tag yang didefinisikan adalah kutipan blok.<blockquote> Dengan </blockquote> Semua teks di antara mereka akan dipisahkan dari teks biasa, seringkali akan terindentasi di sisi kiri dan kanan (menambah marjin), dan kadang-kadang akan digunakan dengan italik. Artinya, kutipan mempunyai ruang mereka sendiri.

Petunjuk:Gunakan <q>Tag untuk kutipan (pendek) dalam teks.

Silakan lihat:

Panduan Referensi DOM HTML:Objek Blockquote

Contoh

Contoh 1

Bagian yang diutip dari sumber lain:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, Yayasan Alam Semula (WWF) selalu melindungi masa depan alam.
Sebagai organisasi perlindungan dunia terkemuka, WWF bekerja di 100 negara dan mendapat dukungan dari 1.2 juta anggota Amerika Serikat dan hampir 5 juta orang di seluruh dunia.
</blockquote>

亲自试一试

Contoh 2

Menggunakan CSS untuk menghapus indentasi elemen blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Ini adalah kutipan di situs web Yayasan Alam Semula:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, Yayasan Alam Semula (WWF) selalu melindungi masa depan alam.
Sebagai organisasi perlindungan dunia terkemuka, WWF bekerja di 100 negara dan mendapat dukungan dari 1.2 juta anggota Amerika Serikat dan hampir 5 juta orang di seluruh dunia.
</blockquote>
</body>
</html>

亲自试一试

属性

属性 值 描述
cite URL 规定引用的来源。

全局属性

<blockquote> 标签还支持 HTML 中的全局属性。

事件属性

<blockquote> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <blockquote> 元素：

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

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持