Kui olete kunagi näinud HTML-elementide loendit, võisite leida endale küsimuse "milline on pühakutse?" Blockquote element on HTML-märgise paar, mida kasutatakse pikkade tsitaatide määramiseks. Siin on selle elemendi määratlus vastavalt W3C HTML5 spetsifikatsioonile:
Blockquote element esindab lõiget, mis on tsiteeritud teisest allikast.
Kuidas kasutada blokeeringut oma veebilehtedel
Kui kirjutad veebilehe teksti ja loote selle lehe kujunduse, soovite mõnikord tsiteerida teksti blokeeringut.
See võiks olla kusagil mujal tsitaat, nagu kliendi iseloomustus, mis kaasneb juhtumiuuringu või projekti edulugu. See võib olla ka disainilahendus, mis kordab mõnd olulist teksti artiklist või sisust ennast. Kirjastamisel nimetatakse seda mõnikord tõmbekutseks . Veebi kujunduses nimetatakse seda võimalust (ja seda, kuidas seda käesolevas artiklis käsitleme), kuidas seda saavutada.
Nii et vaatame, kuidas pikkade noteeringute määratlemiseks kasutada blokeeringukoodi, näiteks Lewis Carrolli "Jabberwocky" väljavõte:
"Twas brillig ja slithey toves
Kas keegi ja kummardasid:
Kõik mimsid olid puukotid,
Ja mome rämpsib.
(autor Lewis Carroll)
Blockquote tagi kasutamise näide
Blockquote tag on semantiline märgend, mis annab brauseri või kasutajaagendile teada, et sisu on pikk tsitaat. Sellisel juhul ei tohiks te lisada teksti, mis pole jutumärkides pealkirja sees. Pidage meeles, et "tsitaat" on sageli tegelikud sõnad, mille keegi on öelnud, või tekst väljastpoolt pärinevatest allikatest (nagu käesolevas artiklis Lewis Carrolli tekst), kuid see võib olla ka eelnevalt käsitletud pullquote kontseptsioon.
Kui te arvate sellest, on see pulksikvoot teksti tsitaadi, see juhtub lihtsalt samast artiklist, kus tsitaat ise ilmub.
Enamik veebibrauseritest lisab põrketeksti mõlemale küljele mõningaid taande (umbes 5 tühikuid), et see ümbritsevast tekstist eristuks. Mõned äärmiselt vanad brauserid võivad isegi tsiteeritud teksti kaldkirjas muuta.
Pidage meeles, et see on lihtsalt plokkivõteelemendi vaikimisi stiil. CSS-i abil saate täieliku kontrolli selle üle, kuidas teie plokkekood kuvatakse. Võite suurendada või isegi eemaldada taande, lisada taustavärve või suurendada teksti suurust, et tsiteerida veelgi rohkem. Selle lehe ühel küljel saate seda tsiteerida ja teine tekst ümbritseb seda, mis on tavaline visuaalne stiil, mida trükitud ajakirjade jaoks kasutatakse kollektiivide jaoks. Teil on CSS-i pinkivälja välimuse üle kontrolli, millest me räägime mõnevõrra veidi. Nüüd jätkame piltide lisamist oma HTML-i märgistusse.
Teksti blokeerimissildi lisamiseks lihtsalt ümbritsege tekst, mis on järgmise märgispaariga tsitaat -
Näiteks:
"Twas brillig ja slithey toves
Kas keegi ja kummardasid:
Kõik mimsid olid puukotid,
Ja mome rämpsib.
Nagu näete, lisate tsiteeringu sisu ümber tsükli paari. Selles näites kasutasime ka mõningaid murdekeele (
), et vajaduse korral sisestada üksiku rea vaheajad. Seda seetõttu, et me loome luuletusest teksti, kus need konkreetsed vaheajad on olulised. Kui teie olete loonud kliendi iseloomustuse tsitaadi ja jooned ei pruugi teatud osades puruneda, siis ei soovi need murhe sildid lisada ja võimaldada brauseril vastavalt vajadusele ekraanisuuruse järgi sisestada ja murda.
Ärge kasutage blokeeringut sisestades teksti
Paljude aastate jooksul kasutasid inimesed blokeerimissildi, kui nad soovisid oma veebilehelt teksti sisestada, isegi kui see tekst ei olnud pühapäev. See on halb praktika! Te ei soovi kasutada blokeeringu semantika ainult visuaalsetel põhjustel. Kui peate oma teksti taandama, peaksite kasutama stiililehte, mitte blokeeringu silte (välja arvatud juhul, kui loomulikult on see, mida tahate sisestada, on tsitaat!). Kui proovite lihtsalt lisada taande, proovige seda koodi oma veebilehele panna:
See on tekst, mis on taandatud.
Seejärel suunaksite selle klassi CSS-stiilis
.indented {
padding: 0 10px;
}
See lisab paragrahvi mõlemale küljele 10 pikslit.
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 5./8/17.