Sè avete avutu guardatu à una lista di l'elementi HTML, pudete avè truvatu à voi di dumandà "quale hè un blockquote?" L'articulu blockquotu hè un paru d'tag HTML chì si usa à definisce quotes longu. Quì hè a difinizzioni di questu l'elementu secondu l'specificazioni HTML3 di u W3C:
L'articulu blockquotu representa una sezione chì hè citenuta da una altra fonte.
Cumu utilizà Blockquote nantu à e vostre Webpages
Quandu si scrive u testu in una pàgina web è creendu l'apparenza di a pagina, vous volte volere à scrive un corpu di testu cum'è citatina.
Questa puderia esse una cita di qualcuna altru, cum'è un testimonial di u cliente chì accumpagna un studiu di casu o storia di successu di prughjettu. Questa puderia ancu esse un trattamentu di disignu chì ripetende un testu impurtante da l'articulu o u cuntenutu stessu. In a pubblicazione, questu hè à qualchì volte di ditta di pull-quote , In u web design, unu di i modi per ottene questu (è a manera chì avemu copre in questu articulu) hè chjamatu un bloquequattru.
Eccu, avemu vistu cumu avete aduprà l'tag blockquote per definisce e cumentu largu, cumu questu estrettu da "The Jabberwocky" di Lewis Carroll:
"Twas brillig è tufuli slithey
Avete ghjustu è gimellu in u wabe:
Tutti eranu tanti,
È u mome raths outgrabe.
(da Lewis Carroll)
Esempiu di usu di l'etiqueta Blockquote
U tagu blockquote hè un tag semanticu chì dilla à u navigatore o l'agentu di utilizatori chì i cuntenuti sò una cuntace longa. Hè chjaru, ùn avete micca aghjunghje un testu chì ùn hè micca una citatina in u tagu blockquote.Remembre, una "cuntazione" hè spessu i veri chì un omu hà dettu o testu da una fonte fora (cum'è u testu di Lewis Carroll in stu articulu), ma pò ancu esse u cuncettu di cuncepimentu chì avemu copertazione previa.
Quandu pensanu à quessa, u pullquote hè una cita di testu, hè ghjustu da esse da u listessu articulu chì a citedzione sè stà stata.
A maiò parte di i web browsers aghjunghjenu quarchi indiziazione (circa 5 espazio) à ogni uitu di un blockquote per fà sali fora da u testu circundante. Certi browsers estremamente antichi puderanu ancu rendinu u testu cittatu in itàlicu.
Ricurdà chì hè solu u stilettu predeterminatu di l'elementu blockquote. CSS, avete un cuntrollu tutale di cumu u vostru blockquote vi falla. Pudete puru crescate o ancu caccià u guidanu, aghjunghjenu culori di fondu o crescenu a densità di testu per invià à chjamà u premu. Pudete chjaru sta cita à un latu di a pagina è avete l'altru testu ricuggiu in u circondu, chì hè un stilu cumuni visualmente usatu per i pullucati in rivista stampata. Avete un cuntrollu di l'apparenza di u blockquote cun CSS, qualchissimu annunzià un pocu più in pocu tempu. Avà, avemu cuntinuatu à vultà cumu aghjunghje l'apucale à u vostru HTML markup.
Per aghjunghje l'tag blockquote à u vostru testu, simpricimenti circundanu u testu chì hè una citatina cù l'tag:
Per esempiu:
"Twas brillig è tufuli slithey
Avete ghjustu è gimellu in u wabe:
Tutti eranu tanti,
È u mome raths outgrabe.
Comu pudete vede, aghjustate aghjustate u paru di tagghi stampati in u cuntenutu di u premiu stessu. In questu esempiu, anu ancu usatu parechji rotuleti (
) per aghjunghje un alloghju in linea quandu induve apprufittendu di u testu. Questu hè per chì noi ricudamu u testu di un poema, in quali espansioni specifiche sò impurtanti. Sì i vostri avete create un cumentu di testimone di u cliente, è i linii ùn avianu micca bisognu di discu in parechji spicelli, ùn avete micca vulete aghjunghje l'etiflore per discrive è permettenu à u navigatore stessu da imbulighjassi è avvicinanu quantu bisogni nantu à a tela da scala.
Ùn aduprate micca Blockquote à Testu indrintu
Per parechji anni, a ghjente stampò l'tag quand'ellu vulia indentà textu nantu à a so pàgina web, ancu s'ellu ùn era micca un pullquote. Questa hè una pratica dolenta! Ùn vulemu micca di utilizà a semantica di u blockquote solu per i ragioni visivi. Sè avete bisognu di u vostru testu, avete aduprà spazzole di stile, micca l'tagete in bluccatu (à menu chì, sicuru, ciò chì pruvate di guidà hè un quota!). Pruvate aduprà stu còdice in a vostra pàgina web se proveu micca solu per aghjunghje un indent:
Questu serà u testu chì hè indiziatu.
Cumu avete, destinazione di sta classa cù un stile CSS
.indented {
padding: 0 10px;
}
Questa aghjusteghja i 10 pixelli di padding per ogni ubbitu di u paràgrafu.
Articulu originale per Jennifer Krynin. Edited di Jeremy Girard u 5/8/17.