Jekk qatt ħares lejn lista ta 'elementi HTML, jista' jkollok sabu lilek innifsek tistaqsi "x'inhu blockquote?" L-element ta 'blockquote huwa par tikketta HTML li tintuża biex tiddefinixxi kwotazzjonijiet twal. Hawn hu d-definizzjoni ta 'dan l-element skont l-ispeċifikazzjoni HTML3 tal-W3C:
L-element ta 'blockquote jirrappreżenta taqsima li hija kkwotata minn sors ieħor.
Kif għandek tuża Blockquote fuq il-paġni web tiegħek
Meta tkun qed tikteb it-test f'paġna web u toħloq it-tqassim ta 'dik il-paġna, inti xi kultant trid iċċempel blokk ta' test bħala kwotazzjoni.
Din tista 'tkun kwotazzjoni minn x'imkien ieħor, bħal testimonjanza tal-klijent li takkumpanja studju ta' każ jew storja ta 'suċċess tal-proġett. Dan jista 'jkun ukoll trattament tad-disinn li jirrepeti xi test importanti mill-oġġett jew il-kontenut innifsu. Fil-pubblikazzjoni, dan xi kultant jissejjaħ pull-quote , Fid-disinn tal-web, wieħed mill-modi biex jinkiseb dan (u l-mod li qed nkopru f'dan l-artikolu) jissejjaħ blockquote.
Mela ejja nħarsu lejn kif tuża l-lametta blockquote biex tiddefinixxi kwotazzjonijiet twal, bħal din is-silta minn "The Jabberwocky" minn Lewis Carroll:
"Twas brillig u t-toves slithey
Għamilha gyre u gimble fil-wabe:
Kollha mimsy kienu l-borogoves,
U l-mome raths outgrabe.
(minn Lewis Carroll)
Eżempju tal-użu tal-Tag Blockquote
Il-lametta blockquote hija tikketta semantika li tgħid lill-browser jew lill-aġent tal-utent li l-kontenut huwa kwotazzjoni twila. Bħala tali, m'għandekx ehmeż test li mhuwiex kwotazzjoni ġewwa l-lametta blockquote. Ftakar, "kwotazzjoni" spiss hija kliem attwali li xi ħadd qal jew it-test minn sors barrani (bħal test Lewis Carroll f'dan l-artikolu), iżda Jista ' jkun ukoll il-kunċett ta' ġibdett li aħna kopert qabel.
Meta taħseb dwarha, dak il-ġibda hija kwotazzjoni tat-test, jiġri biss mill-istess artikolu li l-kwotazzjoni nnifisha tidher fiha.
Il-biċċa l-kbira tal-web browsers iżidu ftit indenting (madwar 5 spazji) għaż-żewġ naħat ta 'blockquote biex jagħmluha jispikkaw mit-test tal-madwar. Xi browsers antiki ħafna jistgħu saħansitra jagħmlu t-test ikkwotat bil-korsiv.
Ftakar li dan huwa sempliċiment il-grafika default tal-element ta 'blockquote. Ma 'CSS, ikollok kontroll totali fuq kif se juri l-blockquote tiegħek. Tista 'żżid jew saħansitra tneħħi l-inċiż, żid kuluri fl-isfond jew iżżid id-daqs tat-test biex iżżid aktar il-kwotazzjoni. Tista 'tikkontrolla dik il-kwotazzjoni għal naħa waħda tal-paġna u żid it-test l-ieħor madwaru, li huwa stil li normalment huwa użat għall-ġibdiet fil-magażins stampati. Int għandek kontroll fuq l-apparenza tal-blockquote mas-CSS, xi ħaġa li se niddiskutu ftit aktar dalwaqt. Għal issa, ejja nkomplu nħarsu lejn kif żid il-kwotazzjoni nnifisha fuq il-markup HTML tiegħek.
Biex iżżid il-lametta ta 'blockquote fit-test tiegħek, sempliċement imdawwar it-test li huwa kwotazzjoni bil-par ta' tikketta li ġejja -
Pereżempju:
"Twas brillig u t-toves slithey
Għamilha gyre u gimble fil-wabe:
Kollha mimsy kienu l-borogoves,
U l-mome raths outgrabe.
Kif tistgħu taraw, inti sempliċiment iżżid il-par ta 'tikketti ta' blockquote madwar il-kontenut tal-kwotazzjoni nnifisha. F'dan l-eżempju, użajna wkoll xi tikketti tal-waqfa (
) biex iżżid waqfiet f'linja waħda fejn xieraq ġewwa t-test. Dan huwa għaliex qed nirrevedu t-test minn poeżija, fejn dawk il-pawżi speċifiċi huma importanti. Jekk inti qed toħloq kwotazzjoni ta 'xhieda tal-klijent, u l-linji ma kellhomx bżonn jinqasmu f'partijiet speċifiċi, ma tkunx tixtieq iżżid dawn it-tikketti break u tħalli l-browser innifsu biex jimsaħ u jaqta' kif meħtieġ abbażi tad-daqs tal-iskrin.
M'għandekx tuża Blockquote għal Test ta 'inċiż
Għal bosta snin, in-nies użaw it-tikketta ta 'blockquote jekk riedu jdaħħlu test fuq il-websajt tagħhom, anke jekk dak it-test ma kienx ġibdot. Din hija prattika ħażina! Ma tridx tuża s-semantika ta 'blockquote biss għal raġunijiet viżwali. Jekk ikollok bżonn inċiż it-test tiegħek, għandek tuża folji ta 'stil, mhux it-tikketti blockquote (sakemm, ovvjament, dak li qed tipprova tagħmel huwa inċiż huwa kwotazzjoni!). Ipprova tqiegħed dan il-kodiċi fil-paġna web tiegħek jekk tkun qed tipprova sempliċement iżżid inċiż:
Dan se jkun test li huwa indentat.
Sussegwentement, inti timmira dik il-klassi bi stil CSS
.indented {
padding: 0 10px;
}
Dan iżid l-10 pixels ta 'padding fuq kull naħa tal-paragrafu.
Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fit-8/17/17.