Inoiz HTML elementuen zerrenda bat ikusi baduzu, "zer da blockquote bat" galdetuz gero, aurkitu al duzu? Blockquote elementua aipu luzeak definitzeko erabiltzen den HTML etiketa bikote bat da. Hemen dago elementu honen definizioa W3C HTML5 espezifikazioaren arabera:
Blockquote elementuak beste iturri batetik aipatzen den atala adierazten du.
Nola erabili Blockquote zure web orrietan
Testua web orrialdean idazten ari zarenean eta orrialde honen diseinua sortzean, batzuetan testu-bloke bat deitu nahi duzu.
Hau beste nonbait aurrekontua izan daiteke, kasu-azterketarekin edo proiektuaren arrakasta-istorioarekin bat datorren bezeroen testigantza bezala. Honek ere diseinuaren tratamendua izan liteke artikulu edo eduki beraren testu garrantzitsu batzuk errepikatzen dituena. Argitalpenean, hau batzuetan deitzen zaio aurrekontua , web diseinuan, hau lortzeko modu bat (eta artikulu honetan estaltzen dugun modua) blockquote deitzen zaio.
Ikus dezagun blockquote etiketa nola erabili nahi duzun, aipamen luzeak definitzeko, adibidez Lewis Carroll-en "The Jabberwocky" zatia.
'Twas brillig eta slithey toves
Gyre eta gabe-arekin wabe-n:
Mimsy guztiak borogome ziren,
Eta mome raths outgrabe.
(Lewis Carroll-ek)
Blockquote etiketa erabiltzeko adibidea
Blockquote etiketa etiketa semantikoa da, nabigatzaileak edo erabiltzailearen agente kontatzen du edukiak aipamen luzeak direla. Horrela, ez daukazu blokeoaren etiketaren barruan aipamenik ez duen testua itxi. Gogoratu, "aipamen" bat sarritan esan ohi da norbaitek edo testua kanpoko iturburu batetik (Lewis Carroll testua artikulu honetan bezala), baina Aurretik ere estalitako kontzeptua izan daiteke .
Zion pentsatzen duzunean, lapurrak testuaren aurrekontua da, aurrekontua bera agertzen den artikulu beretik dator.
Web arakatzaile gehienek koska bat gehitzen dute (inguruko 5 espazio) blokeo baten bi aldeetatik inguruko testutik nabarmentzeko. Nabigatzaile zaharrago batzuek letra etzanean ere aipatutako testua errendatzen dute.
Gogoratu hau blokeo-elementuaren elementu lehenetsia dela. CSS-ekin, zure blockquote nola bistaratuko den kontrolatzen duzu. Koska handitu edo kendu dezakezu, atzeko planoko koloreak gehitu edo testuaren tamaina handitu aurrekontua gehiago deitzeko. Aurrekontua mugitu ahal izango duzu orriaren alde batetik bestera eta inguruko beste testu bat itzulbiratu, inprimatutako aldizkarietan hautatutako "pullquotes" erabiltzen den ohiko estilo bisuala. Blokeoaren itxura CSSekin kontrolatzen duzu, pixka bat gehiago eztabaidatuko dugun zerbait. Oraintxe bertan, jarrai ezazu aurrekontua zure HTML markatzeari gehitzeko.
Blockquote etiketa zure testuan gehitzeko, inguratu ezazu hurrengo etiketa honekin aipatutako testua:
Adibidez:
'Twas brillig eta slithey toves
Gyre eta gabe-arekin wabe-n:
Mimsy guztiak borogome ziren,
Eta mome raths outgrabe.
Ikusten duzun bezala, aurrekontuaren edukiaren inguruko blokeo-etiketa bikoteak bakarrik gehitu behar dituzu. Adibide honetan, hautsi etiketa batzuk ere erabili ditugu (
) testuaren barneko lerro bakarreko lerroak gehitzeko. Hau da poema baten testua berregiten dugulako, haustura zehatz horiek garrantzitsuak baitira. Bezeroen testigantza aurrekontua sortu bazenuen, eta lerroek ez zuten zati zehatzetan apurtu beharrik, ez zenuke etiketa hauetakoren bat gehitu nahi eta nabigatzaileari pantailaren tamaina oinarritutako haustura eta haustea baimendu.
Ez erabili Blockquote koska Testua
Urte askotan, jendeak blockquote etiketa erabili zuen bere webgunean testua indentzea nahi izanez gero, nahiz eta testu hori ez zen bat izan. Hau da praktika txarra! Ez duzu blockquotearen semantika erabili nahi bisualki arrazoi gisa. Zure testua indentatu behar baduzu, estilo-orriak erabili behar dituzu, ez blokeo-etiketak (ezik, noski, koska egiten ari zarenean aurrekontua da!). Saiatu kode hau zure web orrialdean koska bat gehitzeko saiatzen bazara:
Testu hori koska da.
Hurrengoa, klase hori CSS estilo batekin zuzendu nahi duzu
.indized {
betegarria: 0 10 px;
}
Honek paragrafoaren bi aldeetako betegintzako 10 pixel gehitzen ditu.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/05/17.