Väčšinou pri rozvrhnutí textov na web nevenujú dostatočnú pozornosť dizajnu citátov. V snahe napraviť toto nešťastné nedorozumenie sa dotkneme dvoch problémov: typografického návrhu úvodzoviek (v časti, kde sa najčastejšie vyskytujú chyby v rozložení) a implementácie tohto návrhu do kódu HTML.

Nebudeme sa dotýkať ani otázok kontroly sémantickej správnosti citácií, správneho používania strihov, skratiek a dodatkov - každý, kto má záujem, čaká na „Referenčnú knihu vydavateľa a autora“ od A. E. Milchina a L. K. Cheltsovej.

Dúfame, že tento záznam bude vhodné použiť ako referenciu pre často sa vyskytujúce otázky o formátovaní citácií.

Typografický dizajn citátov

Citácie

Úvodzovky sa umiestňujú iba na začiatok a koniec citátu, bez ohľadu na veľkosť citátu a počet odsekov v ňom.

Úvodzovky sú vložené do úvodzoviek rovnakého vzoru, aké sa používajú v hlavnom texte ako hlavné - vo veľkej väčšine prípadov ide o úvodzovky vianočného stromčeka „“.

Ak sú vo vnútri citátu slová (frázy, frázy), ktoré sú zase uzavreté v úvodzovkách, potom by tieto úvodzovky mali mať iný vzor ako úvodzovky, ktoré zatvárajú a otvárajú citát (ak sú vonkajšie úvodzovky vianočné stromčeky „“, potom vnútorné úvodzovky sú labky " " a naopak). Napríklad: Vasilij Pupkin v nedávnom rozhovore uviedol: „Spoločnosť Pupstroytrest obsadila čestné šesťsto dvanáste miesto v rebríčku stavebných spoločností v Záporoží.

Ak sú v úvodzovkách úvodzovky „tretej etapy“, to znamená vo vnútri citovaných slovných spojení citácie, sú tu zase slová vložené do úvodzoviek, ako sú úvodzovky druhého čísla, že je, labky, sa odporúčajú. Príklad od Milchina a Cheltsovej: M. M. Bakhtin napísal: „Trishatov rozpráva teenagerovi o svojej láske k hudbe a rozvíja pred ním myšlienku opery: „Počúvaj, máš rád hudbu? Strašne milujem... Keby som komponoval operu, potom, viete, zobral by som námet z Fausta. Veľmi sa mi páči táto téma.” Ale vo všeobecnosti je lepšie pokúsiť sa upraviť dizajn cenovej ponuky tak, aby takéto prípady nevznikali.

Interpunkcia za citátom na konci vety

1. Ak sa pred záverečnými úvodzovkami nachádza elipsa, výkričník alebo otáznik a citát v úvodzovkách je nezávislá veta (spravidla sú všetky úvodzovky za dvojbodkou, ktorá ich oddeľuje od slov v úvodzovkách, takéto) . V tomto prípade sa umiestni interpunkčné znamienko vnútorné úvodzovky. Príklad od Milchina a Cheltsovej:
   Pečorin napísal: "Nepamätám si modrejšie a sviežejšie ráno!"
   Pechorin priznal: „Niekedy sebou opovrhujem...“
   Pečorin sa pýta: "A prečo ma osud uvrhol do pokojného kruhu čestných pašerákov?"
2. To isté, ak sa citát končí samostatnou vetou, ktorej prvá veta začína malým písmenom. Napríklad: Pečorin uvažuje: „...prečo ma osud uvrhol do pokojného kruhu čestných pašerákov? Ako kameň hodený do hladkého prameňa som narušil ich pokoj...“
3. Ak je pred koncovými úvodzovkami otáznik alebo výkričník a úvodzovka nie je samostatnou vetou a za celou frázou s úvodzovkou by mal byť otáznik alebo výkričník. Napríklad: Lermontov v predslove zvolá, že ide o "starý a žalostný vtip!"

Citujte so slovami citátora vo vnútri

Ak sa na mieste, kde sa citácia zalomí, nie sú žiadne interpunkčné znamienka alebo sa zalomenie vyskytne na mieste čiarky, bodkočiarky, dvojbodky alebo pomlčky, slová v úvodzovkách sú oddelené na oboch stranách čiarkou a pomlčkou ", -" (nezabudnite, že pred pomlčkou musí byť nezalomiteľná medzera! ).

Formátovanie úvodzoviek v kóde

Na zvýraznenie úvodzoviek sa teda používajú dva prvky: bloková citácia a vložené q . Okrem toho sa prvok inline citácie používa na opis zdroja, z ktorého bola citácia prevzatá. Upozorňujeme, že citácia sa používa iba a je potrebné uviesť odkaz na zdroj, samotný citát nie je zahrnutý v prvku citácie!

Podľa špecifikácie HTML 4.01 môžu prvky blockquote a q používať atribúty cite="…" , ktoré ukazujú na URL, z ktorého bol citát vypožičaný (nezamieňať so samostatným prvkom citácie) a title="… “, ktorého obsah sa zobrazí ako popis, keď umiestnite kurzor myši na citát.

Žiaľ, prehliadače tieto HTML elementy zatiaľ príliš nezvládajú. Atribút cite="…" teda nevykresľuje žiadny prehliadač. Aby sa tento nedostatok obišiel, existuje skript od Paula Daviesa, ktorý v samostatnej vrstve zobrazuje popis s odkazom špecifikovaným v atribúte citovať.

Druhá globálna chyba súvisiaca s výstupom vložených úvodzoviek súvisí (prekvapenie, prekvapenie!) s rodinou prehliadačov Internet Explorer. Opäť, podľa špecifikácie, autor dokumentu nesmie pri použití prvku q písať úvodzovky. Úvodzovky musí vykresliť prehliadač a v prípade vnorených úvodzoviek majú aj iný vzor. Dobre, povedzme, že Opera nespĺňa poslednú požiadavku a úvodzovky pre vnorené úvodzovky sú rovnaké. Ale IE do verzie 7 ich vôbec nevykresľuje!

IE tiež nerozumie vlastnostiam CSS quotes , before, after a content , čo, bastard, úplne pochováva nádeje na vyriešenie problému so sémanticky správnym rozložením pomocou CSS.

Tento problém sa rieši niekoľkými spôsobmi:

• používanie proprietárnej vlastnosti správania CSS (riešenie Paula Daviesa), ktorá spúšťa JavaScript, ktorý umiestňuje úvodzovky v IE so vzorom vnorených úvodzoviek;
• pomocou podmienených komentárov jednoduchým spustením JavaScriptu pri načítaní stránky (riešenie Jez Lemon od Juicy Studio), pričom vzor vnorených úvodzoviek je konštantný;
• alebo vynulovaním úvodzoviek v CSS pomocou vlastnosti quotes a manuálnym umiestnením úvodzoviek do textu, ale (pozor!) mimo elementu q, aby nedošlo k porušeniu odporúčaní W3C (riešenie Stacey Cordoni na stránke A List Apart).

Preto pri výbere druhej metódy z prvých dvoch používame písmo Jez Lemon, mierne upravené pre ruský jazyk. Áno, so zakázaným JavaScriptom zostane používateľ IE bez úvodzoviek, berieme to ako nutné zlo.

Naše cenové riešenie

Okrem toho v prípade prehliadačov, ktoré dostatočne vykresľujú úvodzovky, musíte v súbore CSS zadať obrázok úvodzoviek pre ruský jazyk. Našťastie v ruskej typografii majú vnorené úvodzovky jeden vzor bez ohľadu na úroveň vnorenia (čo je jednoduché implementovať v CSS bez zapojenia ďalších tried), ale opäť dôrazne odporúčame vyhnúť sa hlboko vnoreným úvodzovkám vo fáze písania textu.

// Pridanie do súboru CSS
// Vonkajšie úvodzovky
q (úvodzovky: "\00ab" "\00bb"; )

// Vnorené labkové úvodzovky
q q (úvodzovky: "\201e" "\201c"; )

Je jasné, že tento mechanizmus sa v prípade potreby môže skomplikovať v prípade striedania úvodzoviek s hlbokým vnorením, zavedením tried napr. q.odd a q.párne a určením triedy ručne priamo pri citovaní.

Teraz jednoducho a sémanticky vysádzame nasledujúci citát: „Úspech kampane Žalgiris,“ povedal Vladimiras Pupkins pre Russia Today, „je spôsobený nielen výberom predajcov zubnej pasty, ale aj tým, čo Mark Twain nazval „skokom cez dvere, ktoré vedú dovnútra“.

Úspech kampane Zalgiris, povedal v rozhovore pre Russia Today Vladimíras Pupkins, - je spôsobené nielen výberom predajcov zubných pást, ale aj tým, že mark Twain volal skok cez dvere vedúce dovnútra.

Najlepšie na tom je, že prehliadače správne spravujú atribúty title="…" pre vnorené značky.

Napísanie príkladu správneho zdieľania vnorených prvkov blockquote , q a cite je ponechané na čitateľa ako domácu úlohu. :)

aktualizovať: Oprava od - samozrejme, pre nastavenie vzoru citátov v CSS nie je potrebné popisovať vnorené štýly, stačí štandardná funkčnosť úvodzoviek: vlastnosť q (citáty: "\00ab" "\00bb" "\201e" " \201c" ;)

Značky:

• citácie
• citovať
• bloková citácia
• citovať

Na vytváranie úvodzoviek v HTML sa používajú dva prvky: blokový prvok <Ыockquote> a vložený prvok . Tag <Ыockquote> používa sa na zobrazenie dlhých úvodzoviek, ktoré zaberajú celý odsek a zobrazujú ho odsadené od ľavého a pravého okraja. Táto značka vám umožňuje umiestniť text kompaktne do stredu stránky. Môže obsahovať ďalšie prvky formátovania textu.

Prvok používa sa pre krátke úvodzovky, ktoré sú súčasťou aktuálneho odseku. Vo všeobecnosti prehliadače zabaľujú obsah prvku v úvodzovkách. Cenová ponuka zvyčajne neobsahuje zalomenia riadkov a cenová ponuka sa považuje za prvok na úrovni textu.

Oba prvky môžu mať atribút CITE, ktorej hodnota je adresa URL citovaného fragmentu.

Príklad: dlhé a krátke úvodzovky

• Skúste to sami"

možno ľahko určiť pomocou zvislej olovnice.

Ako povedal A. A. Milne, niektorí ľudia sa rozprávajú so zvieratami.

Zenit je pre pozorovateľa najvyšším bodom na oblohe.
vo vertikálnom smere, ktorý, ako je známe,
možno ľahko určiť pomocou zvislej olovnice.

Ako povedal A. A. Milne, niektorí ľudia sa rozprávajú so zvieratami.

Tag

Skratka je skratka písomne ​​prevzatých slov alebo slovo zložené z viacerých častí iných slov (univerzita, výskumný ústav, výkonný výbor a pod.). Pri použití akejkoľvek skratky alebo skratky v texte použite značku . Pomocou atribútu „title“ môžete nastaviť popis s dekódovaním skratky. Vyhľadávacie roboty zároveň indexujú presne plnú verziu prepisu definovanú v atribúte „title“. Aby sa skratky odlíšili od bežného textu, sú podčiarknuté bodkovanou čiarou.

Príklad: Skratka

• Skúste to sami"

NASA robí neuveriteľné vesmírne experimenty.

Napr. Stephen Hawking je teoretický fyzik a kozmológ.

NАSА!} hostí niekoľko neuveriteľných
vesmírne experimenty.

Napr. Stephen Hawking je teoretický fyzik a kozmológ.

Tag