Si ou te janm gade yon lis eleman HTML, ou ka jwenn tèt ou mande "ki sa ki yon blokquote?" Eleman blockquote se yon pè tag HTML ki itilize pou defini sityasyon lontan. Isit la se definisyon an nan eleman sa a selon spesifikasyon la HTML5 W3C:
Eleman blokquote a reprezante yon seksyon ki site de yon lòt sous.
Kijan Pou Sèvi ak Blockquote sou paj entènèt ou
Lè w ap ekri tèks nan yon paj entènèt epi kreye paj Layout, ou pafwa vle rele yon blòk tèks kòm yon sitasyon.
Sa a ta ka yon quote soti nan yon lòt kote, tankou yon temwayaj kliyan ki akonpayé yon ka etid oswa istwa siksè pwojè. Sa a te kapab tou yon tretman konsepsyon ki repete kèk tèks enpòtan nan atik la oswa kontni tèt li. Nan pibliye, sa a pafwa yo rele yon rale-site , Nan konsepsyon sit entènèt, youn nan fason yo reyalize sa a (ak fason ke nou ap kouvri nan atik sa a) yo rele yon blokquote.
Se konsa, kite a gade nan ki jan ou ta itilize tag nan blockquote defini sityasyon lontan, tankou ekstrè sa a ki soti nan "Jabberwocky la" pa Lewis Carroll:
'Twas brillig ak toks yo slithey
Èske gyre ak gimble nan Wabe a:
Tout mimsy te borogoves yo,
Ak mome raths outgrabe la.
(pa Lewis Carroll)
Egzanp Sèvi ak Tag Blockquote
Tag nan blockquote se yon tag semantik ki di ajan an navigatè oswa itilizatè ki sa ki yo se yon sitasyon pi long. Se konsa, ou pa ta dwe fèmen tèks ki pa yon sitasyon andedan tag nan blockquote.Remember, yon "sitasyon" souvan se mo aktyèl ke yon moun te di oswa tèks soti nan yon sous deyò (tankou tèks Lewis Carroll nan atik sa a), men li kapab tou pou konsè a pullquote ke nou kouvri deja.
Lè ou panse sou li, ki pullquote se yon quote nan tèks, li jis k ap pase nan menm atik la ki quote nan tèt li parèt nan.
Pifò navigatè entènèt ajoute kèk ententan (apeprè 5 espas) nan tou de bò yon blòkquote fè li kanpe soti nan tèks la ki antoure. Gen kèk navigatè trè fin vye granmoun ka menm rann tèks la te site nan italik.
Sonje ke sa a se tou senpleman manier la default nan eleman an blokquote. Avèk CSS, ou gen kontwòl total sou ki jan blokquote ou ap montre. Ou ka ogmante oswa menm retire endis la, ajoute koulè background oswa ogmante gwosè tèks nan plis rele soti quote la. Ou ka flote ki site nan yon sèl bò nan paj la epi yo gen vlope nan tèks lòt bò kote l ', ki se yon style souvan vizyèl yo itilize pou pullquotes nan magazin enprime. Ou gen kontwòl sou aparans blockquote a ak CSS, yon bagay nou pral diskite sou yon ti kras plis yon ti tan. Pou kounye a, kite a kontinye gade nan ki jan yo ajoute quote nan tèt li nan markeup HTML ou.
Pou ajoute tag nan blockquote tèks ou, tou senpleman antoure tèks la ki se yon sitasyon ak pè a tag sa yo -
Pa egzanp:
'Twas brillig ak toks yo slithey
Èske gyre ak gimble nan Wabe a:
Tout mimsy te borogoves yo,
Ak mome raths outgrabe la.
Kòm ou ka wè, ou tou senpleman ajoute pè a nan tags blòkquote alantou kontni an nan quote nan tèt li. Nan egzanp sa a, nou menm tou nou itilize kèk Tags kraze (
) pou ajoute yon liy liy sèl kote ki apwopriye andedan tèks la. Sa a se paske nou ap rkree tèks soti nan yon powèm, kote sa yo repo espesifik yo enpòtan. Si ou te kreye yon kliyan temwayaj kliyan, ak liy yo pa t 'bezwen kraze nan pati espesifik, ou pa ta vle ajoute sa yo Tags kraze ak pèmèt navigatè nan tèt li vlope epi kase jan sa nesesè ki baze sou gwosè a ekran.
Pa sèvi ak blokquote sou tèks endepandan
Pou anpil ane, moun te itilize tag blockquote yo si yo te vle tèks endependan sou paj Paj yo, menm si tèks sa a pa t 'yon pullquote. Sa a se yon pratik move! Ou pa vle itilize semantik yo nan blokquote sèlman pou rezon vizyèl. Si ou bezwen endèks tèks ou, ou ta dwe itilize dra style, pa tags yo blockquote (sòf si, nan kou, ki sa ou yo ap eseye endiferan se yon quote!). Eseye mete kòd sa a nan paj entènèt ou an si ou ap eseye tou senpleman ajoute yon endis:
Sa a pral tèks ki se regrete.
Next, ou ta sib ke klas ak yon style CSS
.indind {
padding: 0 10px;
}}
Sa a ajoute 10 piksèl nan padding nan nenpòt ki bò nan paragraf la.
Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 5/8/17.