Ja esat kādreiz apskatījis HTML elementu sarakstu, iespējams, esat atradis sev jautājumu: "Kas ir blokķēde?" Bloķētājelements ir HTML tags pāris, kas tiek izmantots, lai definētu garas pēdiņas. Šeit ir šī elementa definīcija saskaņā ar W3C HTML5 specifikācija:
Blockquote elements apzīmē sadaļu, kas ir citēta no cita avota.
Kā savās vietnēs izmantot blokkvotu
Rakstot tekstu tīmekļa lapā un veidojot šīs lapas izkārtojumu, dažreiz vēlaties izsaukt teksta bloku kā pēdiņu. Tas varētu būt citāts no kaut kur citur, piemēram, klienta atsauksme, kas pievienota gadījuma izpētei vai projekta veiksmes stāstam.
Tas varētu būt arī dizaina apstrāde, kas atkārto kādu svarīgu tekstu no paša raksta vai satura. Publikācijā to dažkārt sauc par a velciet citātu, Tīmekļa dizainā viens no veidiem, kā to panākt (un veids, ko mēs aplūkojam šajā rakstā), tiek dēvēts par blokķēdi.
Tātad, aplūkosim, kā jūs izmantotu blokķēdes tagu, lai definētu garas citātus, piemēram, šo Lewis Carroll fragmentu no The Jabberwocky:
"Twas brillig un slithey pirkstiem
Vai žirons un vingroja wabe:
Visi mīmiskie bija borogoves,
Un mamma ir izveicīga.
(autors: Luiss Kerols)
Blockquote taga izmantošanas piemērs
Blokkopas tags ir semantisks tags, kas pārlūkam vai lietotāja aģentam paziņo, ka saturs ir garš citāts. Tādējādi blokkvotu tagā nevajadzētu pievienot tekstu, kas nav citāts.
Citāts bieži ir reāli vārdi, ko kāds ir teicis, vai teksts no ārēja avota (piemēram, Lewis Carroll teksts šajā rakstā), bet tas var arī jābūt iepriekšminētajam piedāvājuma piedāvājuma jēdzienam.
Kad jūs domājat par to, šis atsauces citāts ir teksta citāts, tas vienkārši notiek no tā paša raksta, kurā parādās pati citāts.
Lielākā daļa tīmekļa pārlūkprogrammu abām bloka cenas pusēm pievieno dažus ievilkumus (apmēram 5 atstarpes), lai tas izceļas no apkārtējā teksta. Dažas ārkārtīgi vecas pārlūkprogrammas citēto tekstu pat var pasniegt kursīvā. Atcerieties, ka tas ir vienkārši noklusējuma bloka quote elementa stils.
Izmantojot CSS, jums ir pilnīga kontrole pār to, kā tiks parādīts jūsu bloķētais piedāvājums. Varat palielināt vai pat noņemt atkāpi, pievienot fona krāsas vai palielināt teksta izmēru, lai vēl vairāk izsauktu citātu. Jūs varat peldēt šo citātu vienā lapas malā, un otrs teksts jāapvelk ap to, kas ir izplatīts vizuālais stils, ko izmanto iespiestajās žurnālos.
Jums ir CSS kontrole pār blokķēžu parādīšanos, ko mēs drīzumā apspriedīsim nedaudz vairāk. Pagaidām turpināsim apskatīt, kā pašu citātu pievienot savam HTML marķējumam.
Lai tekstam pievienotu blokķēdes tagu, vienkārši ieskauj tekstu, kas ir pēdiņa, ar šādu tagu pāri:
- Atvēršana:
- Noslēgums:
Piemēram:
‘Twas brillig and slithey toves.
Vai žirons un vingroja wabe:
Visi mīmiskie bija borogoves,
Un mamma ir izveicīga.Pievienojiet blokķēdes tagu pāri ap paša citāta saturu. Šajā piemērā mēs arī izmantojām dažus pārtraukt tagus (
), lai attiecīgā gadījumā teksta iekšpusē pievienotu vienas rindas pārtraukumus. Tas ir tāpēc, ka mēs atjaunojam tekstu no dzejoļa, kur šie konkrētie pārtraukumi ir svarīgi.Ja jūs veidojāt klienta atsauksmju citātu un līnijas nebija jāpārtrauc noteiktās daļās, jūs nevēlētos pievienot šos pārtraukuma tagus un ļaut pašam pārlūkam pēc nepieciešamības ietīt un pārtraukt, pamatojoties uz ekrānu Izmērs.
Neizmantojiet bloku citātu teksta ievilkšanai
Daudzus gadus cilvēki izmantoja blokķēdes tagu, ja viņi gribēja ievilkt tekstu savā tīmekļa vietnē, pat ja šis teksts nebija atsauces citāts. Tā ir slikta prakse! Blokķēdes semantiku nevēlaties izmantot tikai vizuālu iemeslu dēļ.
Ja jums ir nepieciešams ievilkt tekstu, jums jāizmanto stila lapas, nevis blokķēdes tagi (ja vien, protams, tas, ko mēģināt ievilkt, ir citāts!).