As jo ea in list fan HTML-eleminten besjen, dan kinne jo jo sels fûn hawwe wat "in blockquote" is. It blokquote-elemint is in HTML tagpaar dat brûkt wurdt om lange quotaasjes te definiearjen. Hjir is de definysje fan dit elemint neffens de spesifikaasje fan W3C HTML5:
It blokquote-elemint fertsjintwurdiget in seksje dy't fan in oare boarne is.
Hoe brûkber blokken op jo websides
As jo tekst yn in webside skriuwe en de layout fan dizze side meitsje wolle, wolle jo wolris in tekstblok as in quotaasje oproppe.
Dit kin in quote fan oarspronklik wurde, lykas in klanttifikaasje dy't mei in saakstúdzje of projekt súksesferhaal begjint. Dit kin ek in ûntwerp behanneling wêze, dy't in pear wichtige tekst út it artikel of ynhâld sels werhellet. Yn 'e publikaasje wurdt dit soms in rolstoel neamd, yn web-ûntwerp, ien fan' e wizen om dit te berikken (en de manier wêrop't wy yn dit artikel befetsje) wurdt in blokfisk neamd.
Sjoch dan ris nei hoe't jo de blokquote-tag brûke wolle om lange quotes te definiearjen, lykas dit ekspert fan "The Jabberwocky" troch Lewis Carroll:
'Twas brilich en de slitheytves
Did gyre en gimble yn 'e wabe:
Alle mimsy wienen de borgen,
En de mome riedt út.
(troch Lewis Carroll)
Foarbyld fan it Blockquote Tag
De blokquote-tag is in semantyske tag dy't de blêder of brûkersmiddel fertelt dat de ynhâld in lange quotaasje is. As jo wolle, moatte jo gjin tekst ynstelle dat net in quotaasje is yn 'e blockquote tag.Remember is in "quotaasje" faak aktuele wurden dy't immen seit of tekst fan in bûtenwrâld hat (lykas de Lewis Carroll-tekst yn dit artikel), mar It kin ek it konklúzjeklúzje wêze dat wy earder barde.
As jo tinke oan dat, is de pullquote in quote fan tekst, dan komt it allinich út fan deselde artikel dat de quote sels ferskynt.
De measte webbrowsers add some indenting (ûngefear 5 spaces) oan beide kanten fan in blockquote om it út 'e omlizzende tekst te meitsjen. Guon ekstreem âlde browsers kinne sels de kieze tekst yn kursussen jaan.
Tink derom dat dit gewoan de standert styling fan it blokquote-elemint is. Mei CSS hawwe jo folsleine kontrôle oer hoe't jo blokquote sjen sil. Jo kinne de yndieling ferheegje of sels ferwiderje, eftergrûnkleuren taheakje of tekstgrutte te ferheegjen om de quote te folle. Jo kinne dizze sifer op ien side fan 'e side flokke en de oare tekst wikselje, dy't in gewoane fisuele styl brûkt wurdt foar pullquotes yn printe tydskriften. Jo hawwe de kontrôle oer it útslútsel fan 'e blokquote mei CSS, wat wy in koart besykje. Hjirmei leauwe wy fierder nei hoe't jo de quote sels oan jo HTML-markearring taheakje wolle.
Om it blokquote-tag ta oan jo tekst ta te foegjen, allinich de tekst omjouwing dy't in quotaasje is mei it folgjende tagpaar -
Bygelyks:
'Twas brilich en de slitheytves
Did gyre en gimble yn 'e wabe:
Alle mimsy wienen de borgen,
En de mome riedt út.
As jo sjogge, kinne jo it paad fan blockquote-tags tagelyk de ynhâld fan 'e quote sels taheakje. Yn dit foarbyld hawwe wy ek gebrûk makke fan tags (
) om ien inkele line brekken te passen wêr't it binnen de tekst te passen is. Dit is om't wy tekst fan in gedicht meitsje, dêr't de spesifike brekken wichtich binne. As jo in klant opmerkingsoart meitsje, en de rigels hawwe net nedich om yn spesifike dielen brek te meitsjen, wolle jo dizze brekken net taheakje wolle en de blêder sels ferpleatse en brekke as nedich basearre op 'e skermgrutte.
Blokkearje net brûke om tekst te finen
In protte jierren brûkten minsken de blokquote-tag as se tekst op har webside woe, sels as dizze tekst net in pullcross is. Dit is in minne praktyk! Jo wolle net wolle dat de semantika fan blockquote allinich foar fisuele redenen brûke. As jo jo tekst nedich hawwe, moatte jo stylblêden brûke, net de blockquote-tags (útsein, fansels, wat jo besykje te ûnthâlden is in quote!). Besykje dizze koade yn jo webside as jo besykje gewoan in yndruk te taheakje:
Dit sil tekst wêze dat yndoneare is.
Dan wolle jo de klasse mei in CSS-styl
.indented {
padding: 0 10px;
}
Dit tafoegje de 10 piksels fan padding oan beide kanten fan 'e paragraaf.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 5/8/17.