Ukuba unake ukhangele uluhlu lwezinto ze HTML, usenokuba ufumene ukubuza "yintoni i-blockquote?" I-blockquote element yileyibhile ye-HTML yesetyenzisiweyo esetyenziselwa ukuchaza izicaphulo ezinde. Nantsi inkcazo yale nqaku ngokwemiqathango ye-W3C HTML5:
I-blockquote element ibonisa icandelo elicatshulwa kwelinye imithombo.
Indlela yokusebenzisa i-Blockquote kwiWebhsayithi yakho
Xa ubhala itekisi kwiphepha lewebhu kwaye udala umxholo wephepha, ngamanye amaxesha ufuna ukubiza ibhloko lesicatshulwa njengesicatshulwa.
Oku kungaba yi-quote ukusuka kwenye indawo, njengomgca wobugqwetha ohamba kunye nokufunda kwimeko okanye ibali lempumelelo yebali. Oku kungaphinda kube yonyango loyilo oluphinda itekisi ethile ebalulekileyo kwinqaku okanye umxholo ngokwawo. Xa ushicilela, ngoku kuthethwa nge- pull-quote , kwi-design yewebhu, enye yeendlela zokufezekisa oku (kunye nendlela esifake ngayo kweli nqaku) kuthiwa yi-blockquote.
Ngoko makhe sijonge indlela oya kusebenzisa ngayo itekethi ye-blockquote ekuchazeni izicaphuno ezinde, ezifana nale ngqungquthela evela kwi "Jabberwocky" nguLee Carroll:
'Twas brillig kunye ne-slithey toves
Ngaba i-gyre ne-gimble kwi-baji:
Yonke into efana nayo yayingu-borogoves,
Kwaye inkunzi ibhala ngokutsha.
(ngo-Lewis Carroll)
Umzekelo wokusebenzisa i-Tag Blockquote
Ithegi ye-bloququote isetekthi se-semantic esichazela isiphequluli okanye i-arhente yomsebenzisi ukuba iziqulatho ziyi-quotation ende. Ngaloo ndlela, akufanele udibanise itekisi engekho isicatshulwa ngaphakathi kwithegi ye-blockquote. Khumbula, "isicatshulwa" kaninzi ngamazwi athethwa ngumntu okanye umyalezo ovela kumthombo ongaphandle (njengombhalo ka Lewis Lewis kule nqaku), kodwa inokuthi ibe yinkcazelo ye-pullquote esiyibuke ngaphambili.
Xa ucinga ngako, ukutshulwa kweso siqendu sesicatshulwa, oko kwenzeka nje kwinqaku elifanayo le nkcazo ebonakalayo.
Uninzi lweziphequluli zewebhu zongeza ezinye izikhalazo (malunga neendawo ezi-5) kumacala omabini e-bloququote ukwenzela ukuba ivele kumbhalo ojikelezayo. Ezinye iibhaskri ezidala kakhulu zinokunikela ngetekisi ecatshulwa kwimifanekiso.
Khumbula ukuba oku kuphela umzobo ongagqibekanga wesici se-blockquote. Nge CSS, ulawulo olupheleleyo malunga nendlela i-bloququote yakho eya kubonisa ngayo. Unako ukwandisa okanye ususe i-indent, engeza imibala yangasemva okanye ukwandisa usayizi wesicatshulwa ukuze uqhubeke ubiza ucatshulwa. Uyakwazi ukutyelela ukuba ucatshulwa kwelinye icala lephepha uze wenze esinye isicatshulwa siwujikeleze, esona isitayela esivame ukubonwa esetyenzisiweyo kwiimagazini eziprintiweyo. Unokulawula ukubonakala kwe-blockquote neCSS, into esiza kuxoxa ngayo ngokukhawuleza. Okwangoku, masiqhubeke sijonge indlela yokongeza isicatshulwa ngokwayo kwi-HTML markup.
Ukongeza itekiti ye-blockquote kwisicatshulwa sakho, vele ujikeleze umbhalo obhaliweyo kunye nephepha lesibini elilandelayo -
Umzekelo:
'Twas brillig kunye ne-slithey toves
Ngaba i-gyre ne-gimble kwi-baji:
Yonke into efana nayo yayingu-borogoves,
Kwaye inkunzi ibhala ngokutsha.
Njengoko uyakubona, ukongeza nje idibanti ze-blockquote tags malunga nomxholo wesicatshulwa ngokwawo. Kulo mzekelo, sasebenzisa ezinye iithegi zokudibanisa (
) ukongeza ikhefu elilodwa lomgca apho kufanelekileyo ngaphakathi kwitekisi. Oku kungenxa yokuba siyaphinda sithumelele umbhalo kwimbongo, apho ezo zikhefu zibalulekile. Ukuba bakho bebakha ukucaphuna komthengi, kwaye imida ayifuni ukuphulukana kwiindawo ezithile, awufuni ukuzongeza ezi tags zokuyeka kwaye uvumele isiphequluli ngokwayo ukuba siyigqubuthe kwaye siphule njengoko kuyimfuneko kwisiseko sobukhulu besikrini.
Ungayisebenzisi iBlockquote ukuya kwiNdlela yokuThengisa
Kwiminyaka emininzi, abantu basebenzisa itekiti ye-bloququote ukuba bafuna ukukhuphela itekisi kwiphepha labo lewebhu, nokuba loo mbhalo yayingekho i-pullquote. Oku kuyinto embi! Awufuni ukusebenzisa i-semantics ye-blockquote kuphela ngezizathu ezibonakalayo. Ukuba ufuna ukukhupha isicatshulwa sakho, kufuneka usebenzise amaxwebhu eesitayela, kungekhona amathegi e-bloququote (ngaphandle kokuba, ngokuqinisekileyo, oko uzama ukuzithengisa yi-quote!). Zama ukubeka le khowudi kwikhasi lakho lewebhu xa uzama nje ukufaka indet:
Oku kuya kuba yombhalo okhishwe.
Emva koko, ujolise eklasini ngesitayela seCSS
.indwendwe {
ukupakisha: 0 10px;
}
Oku kwongeza iipekseli ezili-10 zokupakisha kwinqanaba lomhlathi.
Inqaku loqobo loJennifer Krynin. Ulungiswe nguJeremy Girard ngo-5/8/17.