HTML blockquote Tag

HTML blockquote Tag - belajar html <blockquote>, html <blockquote> mempunyai definisi Teks dengan kutipan yang berasal dari sumber lain. Elemet <blockquote> digunakan untuk mengutip sebuah teks dengan kutipan yang panjang, dan berasal dari sumber lain.

Dalam pengunaan html <blockquote> jika diperlukan bisa disisipkan attribut cite sebagai reverensi dari mana sumber kontent yang di kutip tersebut.

Perbedaan <blockquote> pada html 4.01 dengan html5 :

• Pada html 4.01 blockquote mendefinisikan sebuah kutipan panjang.
• Pada html5 blockquote mendefinisikan bagian yang dikutip dari sumber lain.

Tips :

Jika ingin melakukan kutipan pendek atau inline gunakan element <q>.

Contoh html element <blockquote> :

<blockquote>
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>

Attributes :

Attibute	Value	Deskripsi
cite	URL	Menentukan sumber yang dikutip

Contoh :

<blockquote cite="https://id.wikipedia.org/wiki/HTML5">
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>

Global Attributes:

Element <blockquote> mencakup Global Attributes HTML.

Event Attributes:

Element <blockquote> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome	Ya
Safari	Ya
Firefox	Ya
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	Ya
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya

Default CSS :

Browser yang support dengan element <blockquote>, biasanya mempunyai nilai default :

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