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
blockquotemendefinisikan sebuah kutipan panjang. - Pada html5
blockquotemendefinisikan 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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <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> </body> </html>
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><!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <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> </body> </html>
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;
}