V celém textu musí být některá slova, jako jsou citáty nebo názvy knih a filmů, umístěna v uvozovkách. Existuje však několik typů uvozovek, které se používají v závislosti na pravidlech jazyka a kontextu. Pomocí CSS můžete zjednodušit proces přidávání uvozovek a automaticky přidat požadovaný typ uvozovek na správné místo.
V ruské typografii se používají tři typy uvozovek, jejichž typ a popis jsou uvedeny v tabulce. 1.
Jak je vidět z této tabulky, uvozovky se do kódu dokumentu přidávají dvěma způsoby. První zahrnuje přímé vkládání uvozovek do textu. Protože však mnoho HTML editorů takové znaky nepodporuje, musíte text zadat ve specializovaných programech (například Microsoft Word) a poté jej přidat do kódu webové stránky pomocí schránky. Druhým způsobem je použití speciálních znaků, které se v prohlížeči zobrazí tak, jak potřebujeme.
Nyní se zeptejme sami sebe: jak rychle můžete v textu změnit jeden typ uvozovek na jiný? Bohužel je obtížné tento proces automatizovat a nakonec musíte text korigovat a upravovat ručně. Hledání a nahrazování textu také ne vždy dává požadovaný výsledek – zkuste například změnit všude “ na “; , vznikne zajímavý efekt.
CSS používá vlastnost k ovládání uvozovek citace , pomocí kterého můžete určit typ uvozovek pro zadané prvky. To vám umožní umístit uvozovky, které jsou vhodné v kontextu.
| Poznámka |
| Internet Explorer nepodporuje mnoho funkcí CSS, včetně vlastností citace и obsah , takže níže uvedené příklady v něm nebudou fungovat. |
Značka se tedy používá ke zvýraznění uvozovek. Jeho zvláštností je, že text uzavřený v tomto kontejneru je automaticky citován. Další věc je, že uvozovky jsou standardně umístěny jako “/”. Tuto záležitost však lze napravit, jak ukazuje příklad 1.
Ze zákona Ferguson-Merzevic: Pravděpodobnost výskytu potíží je snížena, pokud jsou tyto potíže předem předvídány. .
Výsledek příkladu je uveden níže.
Ze zákona Ferguson-Merzhevich: Pravděpodobnost, že nastanou potíže, se sníží, pokud jsou tyto potíže předem předvídány.
V tomto příkladu jako hodnota nemovitosti citace použitý řetězec “”” “”” . První znak definuje úvodní uvozovku a druhý, oddělený mezerou, definuje závěrečnou uvozovku. Jako hodnoty můžete zadat libovolný text a také znaky Unicode, které jsou uvedeny v tabulce. 2.
Pomocí těch, které jsou uvedeny v tabulce. 2 znaky Unicode, příklad 1 lze změnit následovně (příklad 2).
Příklad 2: Použití Unicode
Ze zákona Ferguson-Merzevic: Pravděpodobnost výskytu potíží je snížena, pokud jsou tyto potíže předem předvídány. .
Citace pro obsah tagů jsou nastaveny automaticky prohlížečem, ale toto pravidlo neplatí pro ostatní tagy. Chcete-li k textu přidat uvozovky, použijte vlastnost style obsah s pseudo prvky před и po , jak je ukázáno v příkladu 3. V tomto případě nejsou použity uvozovky, ale lomené závorky, které se používají k označení tagů.
Příklad 3: Přidání uvozovek do textu
SPAN.tag:before <
content: open-quote /* Přidejte úvodní citát před text */
>
SPAN.tag:after <
content: close-quote /* Přidejte závěrečnou uvozovku za text */
>
Štítek UVÉST označí text jako citaci nebo poznámku pod čarou k jinému materiálu. Prohlížeče obvykle nastavují text uvnitř kontejneru UVÉST kurzívou.
Výsledek příkladu je uveden níže.
| Značka CITE označuje text jako citaci nebo poznámku pod čarou k jinému materiálu. Prohlížeče obvykle nastavují text uvnitř kontejneru CITE na kurzívu. |
Podívejme se na tento příklad podrobněji. Chcete-li zvýraznit značky v textu, zaveďte novou třídu štítek , k jehož textu jsou doplněny uvozovky formuláře užívání majetku citace . K jejich zobrazení to ale nestačí. Proto používáme pseudo prvek před , vloží konkrétní obsah před určený prvek a po , který přidá obsah za prvek. Úvodní závorka je generována přes hodnotu otevřená nabídka parametr obsah , a závěrečný průchozí blízký citát .
Použití parametru můžete zcela odmítnout citace , protože atribut obsah umožňuje přidat konkrétní text před a za prvek. Jako hodnotu tohoto parametru zadejte požadovaný znak v uvozovkách ve formě prostého textu nebo Unicode. V tomto případě se opět neobejdete bez použití pseudoprvků před и po , jak je znázorněno v příkladu 4.
Barva CITE: námořnická /* Barva textu */
>
CITE:před <
content: “0ab” /* Přidat úvodní uvozovku */
>
CITE:po <
content: “0bb” /* Přidejte závěrečnou uvozovku */
>
První důsledek Ferguson-Merzevicova zákona: Není možné předvídat všechny potíže .
Druhý důsledek: Ze všech nepředvídaných potíží je nejpravděpodobnější ten, který způsobí největší škody. .
V tomto příkladu se přidávání uvozovek do textu a určování jejich typu provádí jedním parametrem obsah .
