Kui olete kunagi HTML-elementide loendit vaadanud, võib juhtuda, et olete end küsinud "mis on plokkpakkumine?" Blokeeritud pakkumise element on HTML-märgend paar, mida kasutatakse pikkade tsitaatide määratlemiseks. Siin on selle elemendi määratlus vastavalt W3C HTML5 spetsifikatsioon:
Blokeeringuelement esindab lõiku, mida tsiteeritakse teisest allikast.
Kuidas kasutada veebipõhist pakkumist
Kui kirjutate veebilehele teksti ja loote selle lehe küljendust, soovite mõnikord kutsuda tekstiploki jutumärgina. See võib olla tsitaat kusagilt mujalt, näiteks juhtumiuuringu või projekti edulooga kaasnev kliendi iseloomustus.
See võib olla ka disainikäsitlus, mis kordab mõnda olulist teksti artiklist või sisust endast. Kirjastamisel nimetatakse seda mõnikord a tõmba tsitaat, Veebidisainis nimetatakse ühte selle saavutamise viisi (ja seda, mida käesolevas artiklis käsitleme) blokeeritud pakkumiseks.
Nii et vaatame, kuidas kasutaksite plokkotsingumärgendit pikkade hinnapakkumiste määratlemiseks, näiteks seda väljavõtet Lewis Carrolli filmist "The Jabberwocky":
"Twas brillig ja libedad varbad
Kas gyre ja võimlesid wabes:
Kõik miimikad olid borogovid,
Ja ema on räpane.
(autor Lewis Carroll)
Näide Blockquote'i sildi kasutamisest
Blokeerimismärgend on semantiline silt, mis ütleb brauserile või kasutajaagendile, et sisu on pikk pakkumine. Sellisena ei tohiks blokeerimismärgendi sisse lisada teksti, mis ei ole tsitaat.
Tsitaat on sageli tegelikud sõnad, mille keegi on öelnud, või tekst väljastpoolt (näiteks Lewis Carrolli tekst selles artiklis), kuid see on saab olla ka tõmmanoteeringute kontseptsioon, mida me varem käsitlesime.
Kui järele mõelda, on see tõmbe tsitaat teksti tsitaat, see juhtub olema lihtsalt samast artiklist, milles tsitaat ise ilmub.
Enamik veebibrausereid lisab plokkpakkumise mõlemale küljele taande (umbes 5 tühikut), et see eristuks ümbritsevast tekstist. Mõni äärmiselt vana brauser võib tsiteeritud teksti isegi kursiivis muuta. Pidage meeles, et see on lihtsalt blokeeringu elemendi vaikeviis.
CSS-i abil saate täielikult kontrollida, kuidas teie plokkpakkumine kuvatakse. Pakkumise edasiseks väljakutsumiseks saate taandet suurendada või isegi eemaldada, lisada taustavärve või suurendada teksti suurust. Võite hõljuda selle tsitaadi lehe ühele küljele ja lasta teisel tekstil selle ümber keerata, mis on tavaline visuaalne stiil, mida kasutatakse trükitud ajakirjade tõmbepakkumiste jaoks.
Blokeeringu välimuse üle on teil CSS-is kontroll, mida me arutame veidi varsti. Praegu jätkame selle uurimist, kuidas tsitaat ise oma HTML-märgistusse lisada.
Blokeeringu sildi lisamiseks tekstile ümbritsege tsitaadiks olev tekst järgmise sildipaariga:
- Avamine:
- Sulgemine:
Näiteks:
’Twas brillig ja libedad varbad.
Kas gyre ja võimlesid wabes:
Kõik miimikad olid borogovid,
Ja ema on räpane.Lisage pakkumiste tsitaatide paar pakkumise enda sisusse. Selles näites kasutasime ka mõnda katkesta sildid (
) teksti sisestamiseks vajaduse korral üksikute reavahetustega. Seda seetõttu, et loome uuesti luuletuse teksti, kus need konkreetsed pausid on olulised.Kui loote kliendi iseloomustuse pakkumist ja ridu ei olnud vaja konkreetsetes osades katkestada, siis ei soovi neid katkestusmärgendeid lisada ja lubada brauseril end ekraani põhjal vastavalt vajadusele mähkida ja purustada suurus.
Ärge kasutage teksti taandamiseks plokkpakkumisi
Paljude aastate jooksul kasutasid inimesed blokeerimismärgendit, kui nad tahtsid oma veebilehel teksti taandada, isegi kui see tekst ei olnud tõmbenoteering. See on halb tava! Blokeeringu semantikat ei soovi kasutada ainult visuaalsetel põhjustel.
Kui peate teksti taandama, peaksite kasutama stiililehti, mitte blokeeritud tsitaatide silte (kui muidugi pole see, mida proovite taanida!).