Kas yra blokinė citata?

Jei kada nors peržiūrėjote HTML elementų sąrašą, galbūt pastebėjote, kad klausiate „kas yra blokinė citata?“ Blokinės citatos elementas yra HTML žyma pora, naudojama ilgoms citatoms apibrėžti. Čia pateikiamas šio elemento apibrėžimas pagal W3C HTML5 specifikacija:

Blokinės citatos elementas reiškia skyrių, kuris cituojamas iš kito šaltinio.

Kaip naudoti blokinę citatą savo tinklalapiuose

Rašydami tekstą tinklalapyje ir kurdami to puslapio maketą, kartais norėsite iškviesti teksto bloką kaip citatą. Tai gali būti citata iš kažkur kitur, pavyzdžiui, kliento atsiliepimas, pridedamas prie atvejo analizės ar projekto sėkmės istorijos.

Tai taip pat gali būti dizaino apdorojimas, kuris pakartoja svarbų straipsnio ar paties turinio tekstą. Leidžiant tai kartais vadinama a traukite citatą, Kuriant interneto svetaines, vienas iš būdų tai pasiekti (ir būdas, kurį aptariame šiame straipsnyje) vadinamas blokine citata.

Taigi pažiūrėkime, kaip naudosite blokinę citatą žymėdami ilgas citatas, pavyzdžiui, šią ištrauką iš Lewiso Carrollo „The Jabberwocky“:

„Twas brillig and slithey toves“
Ar žirgynas ir gimbanas wabe:
Visi mimikai buvo borogoves,
Ir mama yra pralenkusi.

(autorius Lewisas Carrollas)

„Blockquote“ žymos naudojimo pavyzdys

„Blockquote“ žyma yra semantinė žyma, pasakanti naršyklei ar vartotojo agentui, kad jos turinys yra ilga citata. Taigi „blockquote“ žymoje neturėtumėte pridėti teksto, kuris nėra citata.

Kai pagalvoji, ta traukos citata yra teksto citata, tiesiog atsitinka iš to paties straipsnio, kuriame rodoma pati citata.

Dauguma žiniatinklio naršyklių prideda tam tikrą įtrauką (apie 5 tarpus) abiejose blokinės citatos pusėse, kad ji išsiskirtų iš aplinkinio teksto. Kai kurios itin senos naršyklės gali net pavaizduoti cituojamą tekstą kursyvu. Atminkite, kad tai tiesiog numatytasis „blockquote“ elemento stilius.

Naudodamiesi CSS, jūs galite visiškai kontroliuoti, kaip bus rodomas jūsų blokinis pasiūlymas. Norėdami dar labiau iškviesti citatą, galite padidinti arba net pašalinti įtrauką, pridėti fono spalvų arba padidinti teksto dydį. Galite užklijuoti tą citatą vienoje puslapio pusėje, o kitas tekstas apvynioti ją, o tai yra įprastas vaizdinis stilius, naudojamas traukiant citatas spausdintuose žurnaluose.

Jūs kontroliuojate blokinės citatos išvaizdą naudodamiesi CSS, ką mes aptarsime šiek tiek trumpiau. Kol kas toliau ieškokime, kaip pridėti pačią citatą prie HTML žymėjimo.

Jei norite pridėti „blockquote“ žymą prie savo teksto, tiesiog supakuokite tekstą, kuris yra citata, su šia žymų pora:

• Atidarymas:
• Uždarymas:

Pavyzdžiui:

‘Twas brillig and slithey toves.
Ar žirgynas ir gimbanas wabe:
Visi mimikai buvo borogoves,
Ir mama yra pralenkusi.

Prie pačios citatos turinio pridėkite blokinių žymių porą. Šiame pavyzdyje mes taip pat naudojome kai kuriuos pertraukti žymes (
), jei reikia, teksto viduje pridėti vienos eilutės pertraukas. Taip yra todėl, kad mes atkuriame eilėraščio tekstą, kuriame tos konkrečios pertraukėlės yra svarbios.

Jei kūrėte kliento atsiliepimo citatą, o eilutės nereikėjo pertraukti konkrečiomis dalimis, jūs nenorėtų pridėti šių pertraukimo žymų ir leisti pačiai naršyklei suvynioti ir pertraukti, jei reikia, atsižvelgiant į ekraną dydžio.

Nenaudokite blokinės citatos įtraukdami tekstą

Daugelį metų žmonės naudojo „blockquote“ žymą, jei norėjo įtraukti tekstą į savo tinklalapį, net jei tas tekstas nebuvo tiesioginė citata. Tai yra bloga praktika! Nenorite naudoti blokinių citatų semantikos vien dėl vizualinių priežasčių.

Jei reikia įdėti tekstą, turėtumėte naudoti stiliaus lapus, o ne blokinių citatų žymas (nebent, žinoma, tai, ką bandote įtraukti, yra citata!).