Če ste kdaj pogledali seznam elementov HTML, ste se morda vprašali "kaj je blok quote?" Element blockquote je Oznaka HTML par, ki se uporablja za definiranje dolgih ponudb. Tu je definicija tega elementa glede na Specifikacija W3C HTML5:
Element blockquote predstavlja odsek, ki je naveden iz drugega vira.
Kako uporabljati blok citate na svojih spletnih straneh
Ko pišete besedilo na spletni strani in ustvarjate postavitev te strani, včasih želite kot besedilo poklicati blok besedila. To je lahko citat od nekje drugje, na primer izjava stranke, ki spremlja študijo primera ali zgodbo o uspehu projekta.
To je lahko tudi oblikovalska obravnava, ki ponavlja nekaj pomembnega besedila iz članka ali same vsebine. Pri založništvu se temu včasih reče tudi a povlecite ponudbo, Pri spletnem oblikovanju se eden od načinov, kako to doseči (in način, ki ga pokrivamo v tem članku), imenuje blok citat.
Poglejmo torej, kako bi z oznako blockquote definirali dolge citate, na primer ta odlomek iz knjige "The Jabberwocky" Lewisa Carrolla:
'Twas brillig in slithey toves
Ali je vrtel in pokvaril v wabe:
Vse mimske so bile borogove,
In mame raths prekašajo.
(avtor Lewis Carroll)
Primer uporabe oznake Blockquote
Oznaka blockquote je semantična oznaka, ki brskalniku ali uporabniškemu agentu sporoča, da je vsebina dolg citat. Kot tak ne smete v oznako blockquote zapirati besedila, ki ni narekovaj.
Citat je pogosto dejanske besede, ki jih je nekdo rekel, ali besedilo iz zunanjega vira (na primer besedilo Lewisa Carrolla v tem članku), vendar lahko biti tudi koncept vlečne ponudbe, ki smo ga že obravnavali.
Ko pomislite, je ta povlečeni citat citat besedila, je pač iz istega članka, v katerem je naveden sam citat.
Večina spletnih brskalnikov doda nekaj zamikov (približno 5 presledkov) na obe strani blokovnega citata, da se izstopa iz okoliškega besedila. Nekateri izredno stari brskalniki lahko citirano besedilo celo upodobijo ležeče. Ne pozabite, da je to preprosto privzeti slog elementa blockquote.
S CSS imate popoln nadzor nad prikazom blokovne ponudbe. Za nadaljnje klicanje ponudbe lahko povečate ali celo odstranite zamik, dodate barve ozadja ali povečate velikost besedila. Navedeni citat lahko lebdite na eno stran strani, drugo besedilo pa se ovije okoli njega, kar je pogost vizualni slog, ki se uporablja za vlečenje narekovajev v tiskanih revijah.
Nadzirate videz blokovnih citatov s CSS-jem, o čemer bomo razpravljali nekoliko kmalu. Za zdaj nadaljujmo s preučevanjem, kako dodati sami citat v oznako HTML.
Če želite v besedilo dodati oznako blockquote, preprosto obdalite besedilo, ki je narekovaj, z naslednjim parom oznak:
- Otvoritev:
- Zaključek:
Na primer:
'Twas brillig in slithey toves.
Ali je vrtel in pokvaril v wabe:
Vse mimske so bile borogove,
In mame raths prekašajo.Dodajte par oznak blockquote okoli vsebine samega citata. V tem primeru smo uporabili tudi nekaj razbiti oznake (
) za dodajanje prelomov v eno vrstico, kjer je to primerno, znotraj besedila. To je zato, ker poustvarjamo besedilo iz pesmi, kjer so ti posebni odmori pomembni.Če ste ustvarjali izjavo kupca in vrstic ni bilo treba lomiti v določenih delih, vi ne bi želel dodati teh oznak break in dovoliti, da se brskalnik sam zavije in zlomi po potrebi glede na zaslon velikost.
Za zamike besedila ne uporabljajte velikih črk
Ljudje so vrsto let uporabljali oznako blockquote, če so želeli zamikati besedilo na svoji spletni strani, četudi to besedilo ni citiranje. To je slaba praksa! Ne želite uporabljati semantike blockquote zgolj iz vizualnih razlogov.
Če morate besedilo zamikati, uporabite slogovne liste, ne pa oznak z blokovnimi citati (razen če seveda to, kar poskušate zamikati, ni narekovaj!).