Mun anjeun geus kungsi melong daptar elemen HTML, anjeun bisa geus kapanggih diri nanyakeun "naon blockquote a?" Unsur blockquote mangrupa pasangan tag HTML anu digunakeun keur ngartikeun cutatan panjang. Di handap ieu harti unsur ieu nurutkeun spésifikasi W3C HTML5:
Unsur blockquote ngagambarkeun bagian anu dicutat tina sumber sejen.
Kumaha Ka Paké Blockquote on Webpages anjeun
Nalika nu nuju nulis téks dina kaca web tur nyieun perenah that page urang, anjeun sakapeung hayang nelepon kaluar hiji blok téks sakumaha petik a.
Ieu bisa jadi mangrupakeun cutatan tina tempat sejenna, kawas dibandung customer nu accompanies studi kasus atanapi proyék carita sukses. Ieu ogé bisa janten perlakuan desain anu repeats sababaraha téks penting tina artikel atanapi eusi téa. Dina penerbitan, ieu kadangkala disebut pull-cutatan , dina design web, salah sahiji cara pikeun ngahontal ieu (sarta cara anu urang ngawengku dina artikel ieu) disebut blockquote a.
Ku kituna hayu urang nempo kumaha anjeun bakal nganggo tag blockquote keur ngartikeun cutatan lila, kayaning excerpt ieu ti "The Jabberwocky" ku Lewis Carroll:
'Brillig Twas jeung toves slithey
Tuh gyre na gimble di wabe nu:
Kabéh mimsy éta borogoves,
Jeung raths mome outgrabe.
(Ku Lewis Carroll)
Conto Nganggo Tag Blockquote
Tag blockquote mangrupakeun tag semantis nu ngabejaan agén browser atawa pamaké éta eusi anu mangrupa petik panjang. Salaku misalna, anjeun teu kudu ngalampirkeun téks nu teu mangrupa petik jero tag.Remember blockquote, a "petik" téh sering kecap sabenerna yen batur geus ngomong atawa téks ti hiji sumber luar (kawas téks Lewis Carroll dina artikel ieu), tapi eta oge tiasa konsép pullquote yén urang katutupan saméméhna.
Lamun anjeun pikir ngeunaan eta, nu pullquote mangrupakeun cutatan tina tulisan, éta ngan kajadian janten from the Wikipedia sarua yén cutatan sorangan némbongan dina.
Paling web panyungsi nambahkeun sababaraha indenting (ngeunaan 5 spasi) pikeun kadua sisi blockquote pikeun nyieun nangtung kaluar tina téks sakurilingna. Sababaraha panyungsi pisan heubeul sanajan mungkin ngarobah téks nu dicutat di miring.
Inget yen ieu téh saukur styling standar tina unsur blockquote. Kalawan CSS, Anjeun gaduh kontrol total leuwih kumaha blockquote anjeun bakal nembongkeun. Anjeun tiasa ningkatkeun atawa malah dipiceun indent, tambah kelir tukang atawa ningkatkeun ukuran teks jang meberkeun nelepon kaluar cutatan nu. Anjeun tiasa ngambang cutatan nu hiji sisi kaca jeung boga bungkus téks lianna sabudeureun eta, nu mangrupakeun gaya ilahar visual dipaké pikeun pullquotes dina majalah dicitak. Anjeun gaduh kontrol ngaliwatan pintonan blockquote urang kalawan CSS, hal urang bakal ngabahas hiji saeutik leuwih lila. Pikeun ayeuna mah, hayu urang teruskeun nempo kumaha carana nambahkeun cutatan sorangan pikeun aksara HTML Anjeun.
Nambahkeun tag blockquote kana téks anjeun, saukur ngurilingan téks nu mangrupakeun petik ku pasangan tag handap -
Salaku conto:
'Brillig Twas jeung toves slithey
Tuh gyre na gimble di wabe nu:
Kabéh mimsy éta borogoves,
Jeung raths mome outgrabe.
Salaku bisa ningali, anjeun ngan saukur nambahan pasangan tag blockquote sabudeureun eusi tina cutatan sorangan. Dina conto ieu, urang ogé dipaké sababaraha tag putus (
) Pikeun nambahkeun garis tunggal ngarecah mana luyu jero téks. Hal ieu sabab urang téh recreating téks ti sajak, dimana jalma ngarecah husus anu penting. Mun anjeun anu nyieun hiji customer dibandung cutatan, jeung garis teu kudu megatkeun dina bagian husus, anjeun teu bakal hoyong tambahkeun tag break ieu sarta ngidinan browser sorangan pikeun mungkus jeung megatkeun sakumaha diperlukeun dumasar kana ukuran layar.
Ulah Teu Paké Blockquote mun Indent téks
Salila sababaraha taun, urang dipake tag blockquote lamun maranéhna hayang indent téks dina Kalurahan maranéhanana, sanajan téks anu teu pullquote a. Ieu prakték goréng! Anjeun teu hoyong nganggo semantik tina blockquote solely alesan visual. Lamun perlu indent téks, anjeun kedah nganggo gaya cadar, teu tag blockquote (iwal, tangtosna, naon nyoba indent nyaéta cutatan a!). Coba putting kode ieu kaca web Anjeun upami Anjeun nyobian saukur pikeun nambahkeun hiji indent:
Ieu bakal téks anu indented.
Salajengna, anjeun bakal sasaran nu kelas ku gaya CSS
.indented {
padding: 0 10px;
}
Ieu nambihan 10 piksel of padding boh sisi paragraf.
Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 5/8/17.