Speciální znaky HTML jsou speciální jazykové konstrukce, které odkazují na znaky ze znakové sady použité v textové soubory. Tabulka zobrazuje seznam vyhrazených a speciálních znaků, které nelze přidat zdroj HTML dokument pomocí klávesnice:
- znaky, které nelze zadat pomocí klávesnice (například symbol autorských práv)
- znaky určené k označení (například znak větší nebo menší než)
Tyto znaky se přidávají pomocí číselného kódu nebo názvu.
| Symbol | Číselný kód | Název symbolu | Popis |
|---|---|---|---|
| " | " | " | uvozovka |
| " | " | " | apostrof |
| & | & | & | ampersand |
| < | < | méně než znamení | |
| > | > | > | více znamení |
| nepřerušitelný prostor ( Nepřerušitelný prostor je prostor zobrazený uvnitř řádku jako pravidelný prostor, ale zabrání zobrazovacím a tiskovým programům v přerušení čáry v tomto bodě.) | |||
| ¡ | ¡ | ¡ | převrátil se Vykřičník |
| ¢ | ¢ | ¢ | cent |
| £ | £ | £ | lb. |
| ¤ | ¤ | ¤ | měn |
| ¥ | ¥ | ¥ | yen |
| ¦ | ¦ | ¦ | zlomený svislý pruh |
| § | § | § | sekce |
| ¨ | ¨ | ¨ | interval (azbuka) |
| © | autorská značka | ||
| ª | ª | ª | ženský řadový exponent |
| « | « | « | Francouzské uvozovky (rybí kost) - vlevo |
| ¬ | ¬ | ¬ | negace-výrazy |
| ® | ® | ® | registrovaná ochranná známka |
| ¯ | ¯ | ¯ | makronový interval |
| ° | ° | ° | stupeň |
| ± | ± | ± | plus nebo mínus |
| ² | ² | ² | horní index 2 |
| ³ | ³ | ³ | horní index 3 |
| ´ | ´ | ´ | akutní interval |
| µ | µ | µ | mikro |
| ¶ | ¶ | ¶ | odstavec |
| · | · | · | střed |
| ¸ | ¸ | ¸ | interval cedilla |
| ¹ | ¹ | ¹ | horní index 1 |
| º | º | º | mužský řadový exponent |
| » | » | » | Francouzské uvozovky (rybí kost) - správně |
| ¼ | ¼ | ¼ | 1/4 dílu |
| ½ | ½ | ½ | 1/2 dílu |
| ¾ | ¾ | ¾ | 3/4 dílů |
| ¿ | ¿ | ¿ | obrácený otazník |
| × | × | × | násobení |
| ÷ | ÷ | ÷ | divize |
| ́ | ́ | důraz | |
| Œ | Œ | Œ | kapitálová ligatura OE |
| œ | œ | œ | malá ligatura oe |
| Š | Š | Š | S s korunkou |
| š | š | š | malé písmeno S s korunkou |
| Ÿ | Ÿ | Ÿ | velké Y s diadémem |
| ƒ | ƒ | ƒ | f s háčkem |
| ˆ | ˆ | ˆ | dikmatický přízvuk |
| ˜ | ˜ | ˜ | malá vlnovka |
| – | – | - | pomlčka |
| — | — | — | em pomlčka |
| ‘ | ‘ | ‘ | levý jediný citát |
| ’ | ’ | ’ | správná jediná citace |
| ‚ | ‚ | ‚ | spodní jednoduchá citace |
| “ | “ | “ | levé dvojité uvozovky |
| ” | ” | ” | pravé dvojité uvozovky |
| „ | „ | „ | spodní dvojité uvozovky |
| † | † | † | dýka |
| ‡ | ‡ | ‡ | dvojitá dýka |
| . | kulka | ||
| … | … | … | horizontální elipsa |
| ‰ | ‰ | ‰ | ppm (tisíciny) |
| ′ | ′ | ′ | minut |
| ″ | ″ | ″ | sekundy |
| ‹ | ‹ | ‹ | jeden levý roh citace |
| › | › | › | jeden pravý roh citace |
| ‾ | ‾ | ‾ | překrytí |
| € | € | € | Euro |
| ™ | ™ nebo | ™ | ochranná známka |
| ← | ← | ← | šipka vlevo |
| šipka nahoru | |||
| → | → | → | šipka vpravo |
| ↓ | ↓ | ↓ | šipka dolů |
| ↔ | ↔ | ↔ | dvojitá šipka |
| ↵ | ↵ | ↵ | šipka návratu vozíku |
| ⌈ | ⌈ | ⌈ | vlevo, odjet horní roh |
| ⌉ | ⌉ | ⌉ | pravý horní roh |
| ⌊ | ⌊ | ⌊ | levý dolní roh |
| ⌋ | ⌋ | ⌋ | pravý dolní roh |
| ◊ | ◊ | ◊ | kosočtverec |
| ♠ | ♠ | ♠ | vrcholy |
| ♣ | ♣ | ♣ | přejít |
| červy | |||
| ♦ | ♦ | ♦ | diamanty |
Matematické symboly podporované v HTML
| Symbol | Číselný kód | Název symbolu | Popis |
|---|---|---|---|
| ∀ | ∀ | ∀ | pro kohokoli, pro všechny |
| ∂ | ∂ | ∂ | Část |
| ∃ | ∃ | ∃ | existuje |
| ∅ | ∅ | ∅ | prázdná sada |
| ∇ | ∇ | ∇ | Hamilton operátor (nabla) |
| ∈ | ∈ | ∈ | patří do sady |
| ∉ | ∉ | ∉ | nepatří do sady |
| ∋ | ∋ | ∋ | nebo |
| ∏ | ∏ | ∏ | práce |
| ∑ | ∑ | ∑ | součet |
| − | − | − | mínus |
| ∗ | ∗ | ∗ | násobení nebo operátor konjugovaný k |
| × | × | &krát | znak násobení |
| √ | √ | √ | Odmocnina |
| ∝ | ∝ | ∝ | proporcionality |
| ∞ | ∞ | ∞ | nekonečno |
| ⋮ | ⋮ | mnohost | |
| ∠ | ∠ | ∠ | roh |
| ∧ | ∧ | ∧ | A |
| ∨ | ∨ | ∨ | nebo |
| ∩ | ∩ | ∩ | průsečík |
| ∪ | ∪ | ∪ | svaz |
| ∫ | ∫ | ∫ | integrální |
| ∴ | ∴ | ∴ | Proto |
| ∼ | ∼ | ∼ | jako |
| ≅ | ≅ | ≅ | srovnatelný |
| ≈ | ≈ | ≈ | přibližně stejné |
| ≠ | ≠ | ≠ | ne rovné |
| ≡ | ≡ | ≡ | identický |
| ≤ | ≤ | ≤ | menší nebo stejný |
| ⩽ | ⩽ ⩽ |
⩽ ⩽ |
menší nebo stejný |
| ≥ | ≥ | ≥ | více nebo stejné |
| ⩾ | ⩾ ⩾ |
⩾ ⩾ |
více nebo stejné |
| ⊂ | ⊂ | ⊂ | podmnožina |
| ⊃ | ⊃ | ⊃ | supersety |
| ⊄ | ⊄ | ⊄ | není podmnožina |
| ⊆ | ⊆ | ⊆ | podmnožina |
| ⊇ | ⊇ | ⊇ | superset |
| ⊕ | ⊕ | ⊕ | přímou částku |
| ⊗ | ⊗ | ⊗ | napínací produkt |
| ⊥ | ⊥ | ⊥ | kolmý |
| ⋅ | ⋅ | ⋅ | tečkový operátor |
Řecká a koptská abeceda
| Symbol | Číselný kód | Hexadecimální kód | Název symbolu |
|---|---|---|---|
| Ͱ | Ͱ | Ͱ | |
| ͱ | ͱ | ͱ | |
| Ͳ | Ͳ | Ͳ | |
| ͳ | ͳ | ͳ | |
| ʹ | ʹ | ʹ | |
| ͵ | ͵ | ͵ | |
| Ͷ | Ͷ | Ͷ | |
| ͷ | ͷ | ͷ | |
| ͺ | ͺ | ͺ | |
| ͻ | ͻ | ͻ | |
| ͼ | ͼ | ͼ | |
| ͽ | ͽ | ͽ | |
| ; | ; | ; | |
| ΄ | ΄ | ΄ | |
| ΅ | ΅ | ΅ | |
| Ά | Ά | Ά | |
| · | · | · | |
| Έ | Έ | Έ | |
| Ή | Ή | Ή | |
| Ί | Ί | Ί | |
| Ό | Ό | Ό | |
| Ύ | Ύ | Ύ | |
| Ώ | Ώ | Ώ | |
| ΐ | ΐ | ΐ | |
| Α | Α | Α | Α |
| Β | Β | Β | Β |
| Γ | Γ | Γ | Γ |
| Δ | Δ | Δ | Δ |
| Ε | Ε | Ε | Ε |
| Ζ | Ζ | Ζ | Ζ |
| Η | Η | Η | Η |
| Θ | Θ | Θ | Θ |
| Ι | Ι | Ι | Ι |
| Κ | Κ | Κ | Κ |
| Λ | Λ | Λ | Λ |
| Μ | Μ | Μ | Μ |
| Ν | Ν | Ν | Ν |
| Ξ | Ξ | Ξ | Ξ |
| Ο | Ο | Ο | Ο |
| Π | Π | Π | Π |
| Ρ | Ρ | Ρ | Ρ |
| Σ | Σ | Σ | Σ |
| Τ | Τ | Τ | Τ |
| Υ | Υ | Υ | Υ |
| Φ | Φ | Φ | Φ |
| Χ | Χ | Χ | Χ |
| Ψ | Ψ | Ψ | Ψ |
| Ω | Ω | Ω | Ω |
| Ϊ | Ϊ | Ϊ | |
| Ϋ | Ϋ | Ϋ | |
| ά | ά | ά | |
| έ | έ | έ | |
| ή | ή | ή | |
| ί | ί | ί | |
| ΰ | ΰ | ΰ | |
| α | α | α | α |
| β | β | β | β |
| γ | γ | γ | γ |
| δ | δ | δ | δ |
| ε | ε | ε | ε |
| ζ | ζ | ζ | ζ |
| η | η | η | η |
| θ | θ | θ | θ |
| ι | ι | ι | ι |
| κ | κ | κ | κ |
| λ | λ | λ | λ |
| μ | μ | μ | μ |
| ν | ν | ν | ν |
| ξ | ξ | ξ | ξ |
| ο | ο | ο | ο |
| π | π | π | π |
| ρ | ρ | ρ | ρ |
| ς | ς | ς | ς |
| σ | σ | σ | σ |
| τ | τ | τ | τ |
| υ | υ | υ | υ |
| φ | φ | φ | φ |
| χ | χ | χ | χ |
| ψ | ψ | ψ | ψ |
| ω | ω | ω | ω |
| ϊ | ϊ | ϊ | |
| ϋ | ϋ | ϋ | |
| ό | ό | ό | |
| ύ | ύ | ύ | |
| ώ | ώ | ώ | |
| Ϗ | Ϗ | Ϗ | |
| ϐ | ϐ | ϐ | |
| ϑ | ϑ | ϑ | ϑ |
| ϒ | ϒ | ϒ | ϒ |
| ϓ | ϓ | ϓ | |
| ϔ | ϔ | ϔ | |
| ϕ | ϕ | ϕ | ϕ |
| ϖ | ϖ | ϖ | ϖ |
| ϗ | ϗ | ϗ | |
| Ϙ | Ϙ | Ϙ | |
| ϙ | ϙ | ϙ | |
| Ϛ | Ϛ | Ϛ | |
| ϛ | ϛ | ϛ | |
| Ϝ | Ϝ | Ϝ | Ϝ |
| ϝ | ϝ | ϝ | ϝ |
| Ϟ | Ϟ | Ϟ | |
| ϟ | ϟ | ϟ | |
| Ϡ | Ϡ | Ϡ | |
| ϡ | ϡ | ϡ | |
| Ϣ | Ϣ | Ϣ | |
| ϣ | ϣ | ϣ | |
| Ϥ | Ϥ | Ϥ | |
| ϥ | ϥ | ϥ | |
| Ϧ | Ϧ | Ϧ | |
| ϧ | ϧ | ϧ | |
| Ϩ | Ϩ | Ϩ | |
| ϩ | ϩ | ϩ | |
| Ϫ | Ϫ | Ϫ | |
| ϫ | ϫ | ϫ | |
| Ϭ | Ϭ | Ϭ | |
| ϭ | ϭ | ϭ | |
| Ϯ | Ϯ | Ϯ | |
| ϯ | ϯ | ϯ | |
| ϰ | ϰ | ϰ | ϰ |
| ϱ | ϱ | ϱ | ϱ |
| ϲ | ϲ | ϲ | |
| ϳ | ϳ | ϳ | |
| ϴ | ϴ | ϴ | |
| ϵ | ϵ | ϵ | ϵ |
| ϶ | ϶ | ϶ | ϶ |
| Ϸ | Ϸ | Ϸ | |
| ϸ | ϸ | ϸ | |
| Ϲ | Ϲ | Ϲ | |
| Ϻ | Ϻ | Ϻ | |
| ϻ | ϻ | ϻ | |
| ϼ | ϼ | ϼ | |
| Ͻ | Ͻ | Ͻ | |
| Ͼ | Ͼ | Ͼ | |
| Ͽ | Ͽ | Ͽ |
Proč jsou potřeba speciální znaky a jak je používat
Řekněme, že se rozhodnete popsat nějakou značku na své stránce, ale protože prohlížeč používá znaky< и >stejně jako začátek a konec značky, jejich použití v obsahu vašeho html kódu může vést k problémům. Ale HTML vám dává lehká cesta identifikovat tyto a další Speciální symboly pomocí jednoduchých zkratek tzv odkazy na symboly.
Podívejme se, jak to funguje. Pro každý znak, který je považován za speciální nebo který chcete použít na své webové stránce, ale který nelze vytisknout ve vašem editoru (například symbol autorských práv), najdete zkratku a vytisknete ji v html kódu místo požadovaného znaku . Například pro symbol ">" je zkratka > a pro symbol "<" - < .
Řekněme, že jste chtěli vytisknout "Element velmi důležité“ na jeho stránce. Místo toho budete muset použít odkazy na symboly, které potřebujete ke správnému zobrazení záznamu, a nakonec by váš záznam v kódu měl vypadat takto:
Živel velmi důležité
Snaž se "Dalším speciálním znakem, o kterém musíte vědět, je symbol & (ampersand). Pokud chcete, aby se zobrazil na vaší HTML stránce, použijte místo symbolu & odkaz &.
Symbol zaškrtnutí není na klávesnici, ale pomocí speciálních kombinací jej můžete snadno přidat do zprávy, příspěvku nebo textového dokumentu.
Podívejme se blíže na to, jak to lze provést.
Typy zaškrtnutí + použití
Zaškrtnutí (pták, kavka) je speciální ikona, která se často používá k popisu potvrzení něčeho.
Lze je nalézt v designu výpisů nebo podtržení myšlenek. Po přečtení následujících pokynů můžete symbol najít a používat sami.
Nejjednodušší možností je zkopírovat objekt z tohoto článku. Existuje několik typů ikon:
Pokud potřebujete zaškrtávací políčko, které chcete použít v jedné větě nebo frázi, jednoduše zkopírujte prvek, který se vám líbí, jeho zvýrazněním a stisknutím kláves CTRL a C na klávesnici.
Chcete-li sami napsat ptáka na klávesnici, musíte použít Unicode. Zadejte písmeno U a +. Poté musíte vytočit kód odznaku.
Digitální označení pro různé typy zaškrtnutí jsou následující: 2713 (běžná značka), 2714 (tučné písmo), 2705 (zvýrazněné zaškrtnutí ve čtverci), 2611 (běžné zaškrtnutí ve čtverci).
Pokud se kombinace U+2713 nebo jiná automaticky nezmění na zaškrtnutí, dokument pravděpodobně není nakonfigurován tak, aby automaticky rozpoznával znaky Unicode, nebo zadáváte kód nesprávně.
Text se okamžitě přemění na požadovaný symbol, takže jej můžete bezpečně psát do zpráv a různých příspěvků.
Ikona v MS Word
Každý, kdo to někdy použil, ví, že nastavení speciálních znaků pomáhá strukturovat dokument a usnadňuje jeho čtení.
Při vytváření seznamu úkolů nebo výčtu budete možná potřebovat zaškrtnutí.
Nezkušení uživatelé vytvářejí znak přidáním obrázku s požadovaným prvkem do dokumentu. Tento přístup je nesprávný, protože zvyšuje konečnou velikost souboru.
Vše se dá udělat mnohem jednodušeji. Chcete-li zaškrtnout políčko ve Wordu, postupujte podle následujících několika kroků.
- Otevřete dokument v jakékoli verzi programu. Umístění požadovaných karet se může lišit v závislosti na roce vydání softwaru;
- Klikněte na sekci „Vložit“;
- Na pravé straně panelu nástrojů najděte položku „Symbol“ a klikněte na ni;
- V rozevíracím okně klikněte na "Další symboly".
- Ve vyskakovacím okně můžete zaškrtnutí najít jedním ze dvou způsobů. Vyberte sadu „Dingbats“ a klikněte na požadovaný prvek v navrhovaném seznamu nebo zadejte kód prvku v Unicode (hexadecimální) ve spodní části okna. Například 2714. Word automaticky najde požadovaný objekt. Klikněte na něj a potvrďte akci kliknutím na „OK“.
Obr. 3 - speciální znaky ve Wordu
Po přidání zaškrtnutí do těla dokumentu na něj můžete použít libovolné formátování: změnit barvu, písmo, typ nadpisu a další možnosti.
Strojem psaný text se skládá z tištěných znaků - grafických symbolů.
Grafické symboly jsou symboly, které mají viditelné zobrazení v textu.
Všechny grafické symboly jsou shromážděny v sadě jediného univerzálního systému Unicode.
Vložte grafický symbol Unicode do html dokumentu
- hlavní a jediný účel tohoto stolu.
Symbol můžete do dokumentu HTML vložit jedním z následujících způsobů:
- zkopírujte obrázek symbolu z okna prohlížeče do okna vašeho vizuálního html editoru
- zkopírujte html kód symbolu přímo do kódu html dokumentu
- vložit vizuál do vizuálu
- vložte kód do kódu.
Písmo pro symbol, jeho velikost a barvu v HTML lze nastavit pomocí kódu jako:
CHARACTER_CODE
Kde,
Arial - písmo,
10px - velikost písma v pixelech,
#ff0000 - kód barvy písma (červená)
Například:
☎ - velikost písma znaků 30px,
☎ - velikost písma symbolu 30px, barva - červená
☎ - velikost písma znaků 20px,
☎ - velikost písma symbolu 10px.
Poznámka Doporučené fonty pro vkládání speciálních znaků jsou Arial, Verdana a Tahoma. Tato písma správně zobrazují znaky Unicode a sama je správně podporují webové aplikace.
- "Symbol"
(zobrazení viditelných symbolů)
Z tohoto sloupce můžete zkopírovat obrázek symbolu a vložit jej do okna html textového editoru. Symbol bude zkopírován s velikostí písma 20 pixelů. Po dokončení kopírování může být nutné individuálně upravit velikost písma přímo na kopírovaný znak. - "Název"
(pouze pro důležité nebo nejasné znaky)
Vysvětlení účelu symbolu, jeho rozsah, příklady... - "mnemotechnické pomůcky"
Mnemotechnická pomůcka je abecední konstrukce tvaru ", označující abecední kód znaku v HTML. Vkládá se přímo do html kódu html dokumentu. Mnemotechnické pomůcky jsou velmi oblíbené mezi profesionálními návrháři rozvržení. Lidé si je dokonale zapamatují a jsou podporovány všemi html aplikacemi Každá mnemotechnická pomůcka obsahuje abecední název (označení ) svého symbolu a servisní znak (&), který slouží jako signál pro prohlížeč ke čtení kódu a nezobrazuje se na obrazovce monitoru. každá mnemotechnická pomůcka je jedinečná a snadno čitelná, protože je odvozena z anglického slova, které symbol charakterizuje.Mnemotechnika (řecky) – umění si něco zapamatovat. Mnemotechnické pomůcky se používají k usnadnění vnímání obtížně zapamatovatelných informací, když je předmět zapamatování uveden do asociativního stavu s něčím.
- "Kód"
Kód – číselný desítkový kód znaku v HTML, jako je &. Vloženo přímo do html kódu html dokumentu. Desetinný kód se skládá z čísla označujícího sériové číslo znaku v systému Unicode a několika servisních znaků (& a #), které slouží jako signál pro prohlížeč ke čtení kódu a nejsou zobrazeny na obrazovce monitoru. Desetinný kód je široce používán a používán díky své všestrannosti a snadnému vnímání.
Ovládací znaky v HTML (XHTML)
Řídicí znaky v HTML (XHTML) jsou servisní znaky jazyka HTML, které se používají v rozvržení HTML webové stránky. Každý prohlížeč musí tyto znaky podporovat, protože bez nich není možné správně zobrazit HTML text. Řídicí znaky se v textu nezobrazují a při přímém zadání z klávesnice je prohlížeč interpretuje jako interpunkční znaménka vyžadující provedení nějaké akce při vykreslení stránky na obrazovku.
Je povoleno používat řídicí znaky v běžných textech, kde symbolizují univerzální pojmy a jsou prohlížečem interpretovány jako běžné typografické znaky. Při použití symbolů služeb v textech HTML tímto způsobem je třeba zadat nikoli hodnotu samotného symbolu, ale jeho HTML kód. Protože, opakuji, jinak bude prohlížeč vnímat symbol služby jako výzvu k akci a nebude správně zobrazovat HTML text na obrazovce monitoru.
Ovládací symboly a jejich HTML kód znají a rozumí jim všechny prohlížeče bez výjimky, což se bohužel nedá říci o jiných symbolech, které se mohou v různých prohlížečích zobrazovat nesprávně nebo v horším případě nezobrazovat vůbec.
Syntaxe a interpunkce
| mezera délky N (běžná mezera) | |||||
| mezera délky M (longspace) | |||||
| - | měkký spojovník (netisknutelný znak) | - | | ||
| ‑ | pomlčka | ‑ |
|||
|---|---|---|---|---|---|
| - | čárka délky N (běžná čárka) | - | – | ||
| — | pomlčka délky M (em pomlčka) | — | — | ||
| . | tečka | . | |||
| , | čárka | , | |||
| … | elipsy | … |
… |
||
| : | dvojtečka | : | |||
| ; | středník | ; | |||
| ! | vykřičník | ! ǃ |
|||
| ? | otazník | ? | |||
| @ | "Pes" | @ | |||
| * | "hvězda" | * | |||
| # | "mříž" | # | |||
| ‘ | jeden levý horní citát | ‘ | ‘ |
||
| ’ | jeden pravý horní citát | ’ | ’ |
||
| ‚ | jediný pravý dolní citát | ‚ | ‚ |
||
| “ | dvojitá nabídka vlevo nahoře | “ | “ |
||
| ” | dvojitá pravá horní citace | ” | ” |
||
| „ | dvojitá pravá spodní citace | &bdquo | „ |
||
| « | dvojité uvozovky v levém rohu (Rus) | « | « | ||
| » | dvojité pravé rohové uvozovky (rus) | » | » | ||
| ́ | přízvuk, příklad: Vasya | ́ | |||
| " | apostrof, příklad: Ty"Já | " | |||
| ´ | akutní, příklad: Vasya | ´ | ´ | ||
| ¶ | odstavec (netisknutelný znak) | ¶ | ¶ | ||
| § | odstavec | § | § | ||
| ˆ | přízvuk (obrácený pták) | ˆ | ˆ |
||
| ˜ | malá vlnovka | ˜ | ˜ |
||
| ¦ | svislá tečkovaná čára | ¦ | ¦ | ||
| ( | levá závorka | ( | |||
| ) | pravá závorka | ) | |||
| 〈 | levá úhlová závorka | 〈 | 〈 | ||
| 〉 | pravoúhlý držák | 〉 | 〉 | ||
| ‹ | levá úhlová konzola, možnost | ‹ | ‹ | ||
| › | pravoúhlý držák, možnost | › | › | ||
| [ | hranatá závorka vlevo | [ | |||
| ] | hranatá závorka vpravo | ] | |||
| / | lomítko - lomítko znak | / | |||
| \ | obrácené lomítko | \ | |||
| ⁄ | lomítko (oddělovací znak) | ⁄ | ⁄ | ||
| ǀ | vertikální lišta | ǀ | |||
| ǁ | dvojitá vertikální lišta | ǁ | |||
| ‾ | překrytí, příklad: Vasya‾vasya | ‾ | ‾ | ||
| ¯ | macron, příklad: Vasya¯vasya | ¯ | ¯ | ||
Ochranné známky a měna
| + | Plus | + | + | ||
|---|---|---|---|---|---|
| − | mínus | − | - − |
||
| = | rovná se | = | |||
| ± | plus nebo mínus | ± | ± | ||
| × | znak násobení | × | × | ||
| ÷ | znamení divize | ÷ | ÷ | ||
| ⋅ | tečkový operátor (uprostřed řádku) | ⋅ | · ⋅ |
||
| ∗ | operátor hvězdička (uprostřed řádku) | ∗ | ∗ | ||
| ∼ | operátor tildy | ∼ | ∼ | ||
| . | značka seznamu (uprostřed řádku) | . | |
||
| ¹ | horní index "1" | ¹ | ¹ | ||
| ² | horní index "2" | ² | ² | ||
| ³ | horní index "3" | ³ | ³ | ||
| Horní a dolní index v HTML (XHTML) lze vložit pomocí značek A , respektive: ČÍSLO Horní index→ ČÍSLO Horní index ČÍSLO Dolní index→ ČÍSLO Dolní index |
|||||
| ½ | zlomek "jedna polovina" | ½ | ½ | ||
| ⅓ | zlomek "jedna třetina" | ⅓ | |||
| ¼ | zlomek "jedna čtvrtina" | ¼ | ¼ | ||
| ¾ | zlomek "tři čtvrtiny" | ¾ | ¾ | ||
| № | znak čísla | № | |||
| % | procent | % | |||
| ‰ | ppm | ‰ | ‰ |
||
| ° | stupně | ° | ° | ||
| ′ | prvočíslo (minuty, stopy) | ′ | ′ | ||
| ″ | dvojité prvočíslo (sekundy, palce) Příklad 1: 30° 25′ 12″ Příklad 2: 25′ 12 ″ |
″ | ″ | ||
| µ | mikro | µ | µ | ||
| π | Pi | π | π | ||
| ƒ | funkční znak (neplést s "integrální") |
ƒ | ƒ |
||
| ∫ | integrální | ∫ | ∫ | ||
| ∅ | překročila nulu, prázdná sada (neplést s "průměr") |
∅ | ∅ | ||
| ⌀ | průměr (nezaměňovat s přeškrtnutým latinským „o“) | ⌀ | |||
| ø | Latinské „o“ diagonálně přeškrtnuté | ø | ø | ||
| Ø | Latinské velké „O“ diagonálně přeškrtnuté | Ø | Ø | ||
| ∏ | pracovní značka | ∏ | ∏ | ||
| ∑ | sumační znak | ∑ | ∑ | ||
| √ | radikál (druhá odmocnina nebo x odmocnina) |
√ | √ | ||
| ∝ | úměrně | ∝ | ∝ | ||
| ∞ | nekonečno | ∞ | ∞ | ||
| ∠ | roh | ∠ | ∠ | ||
| ⊥ | ortogonální (kolmý) | ⊥ | ⊥ | ||
| ∴ | podepsat "proto" | ∴ | ∴ | ||
| ≅ | přibližně stejné | ≅ | ≅ | ||
| ≈ | téměř stejné | ≈ | ≈ | ||
| ≠ | ne rovné | ≠ | ≠ | ||
| ≡ | identický | ≡ | ≡ | ||
| ≤ | menší nebo stejný | ≤ | ≤ | ||
| ≥ | více nebo stejné | ≥ | ≥ | ||
| ∧ | logické AND | ∧ | ∧ | ||
| ∨ | logické NEBO | ∨ | ∨ | ||
| ⊕ | znaménko plus v kruhu (přímá částka) |
⊕ | ⊕ | ||
| ⊗ | znak násobení v kruhu (křížový součin, šipka od pozorovatele) |
⊗ | ⊗ | ||
| ʘ | tečka v kruhu (šipka k pozorovateli) |
ʘ | |||
|
✵ ✵ |
|||||
Dnes se to dozvíte jak vytvořit zaškrtávací políčko v HTML a přidat k němu CSS styly pro lepší kompatibilitu s designem webu.
Demonstrace
Zaškrtávací políčko v HTML
Vytvořme blok se čtyřmi zaškrtávacími políčky, první bude označeno zaškrtnutím. Každé zaškrtávací políčko bude uzavřeno ve značce označení, uvnitř kterého je vstupní pole, text a prvek rozpětí být stylizovaný.
Štítek označení slouží jako kontejner pro každý checkbox, pro přehlednost jsem tagu dočasně nastavil červený rámeček označení. Když máte málo zkušeností, je to dobrý způsob, jak vidět hranice jakékoli značky, abyste nejednali slepě.
CSS pro zaškrtávací políčko
Značka řádku označení, nahraďte jej blokem (zobrazení: blok) tak, aby zaškrtávací políčka stála pod sebou, uživatelsky výběr: žádný– zabrání uživateli ve výběru prvku.
Kontejner (
displej: blok;
user-select: none;
}
Tento kód skryje výchozí styly prohlížeče pro zaškrtávací políčko. Prvek zcela zprůhledníme neprůhlednost, šířka A výška s nulovou hodnotou a místo nich nastavte vlastní styly pro zaškrtávací políčko.
Vstup do kontejneru (
neprůhlednost: 0;
výška: 0;
šířka: 0;
}
Vytváříme vlastní zaškrtávací políčka. Změňte velikost a barvu pozadí.
zaškrtnutí (
výška: 23px;
šířka: 22px;
barva pozadí: #eec321;
}
Když najedete kurzorem, trochu ztmavte barvu pozadí.
Container:hover input ~ .checkmark (
barva pozadí: #ccc678;
}
Pro zaškrtnuté políčko nastavte jinou barvu pozadí.
Vstup do kontejneru:zaškrtnuto ~ .zaškrtnutí (
barva pozadí: #2196f3;
}
Skrytí zaškrtávacího políčka pro nezaškrtnutá políčka pomocí pseudoprvku po.
Zaškrtnutí: po (
obsah: "";
pozice: absolutní;
displej: žádný;
}
Zaškrtnutí zviditelníme pouze u zaškrtnutých políček.
Vstup do kontejneru:zaškrtnuto ~ .checkmark:after (
displej: blok;
}
Nakreslete a stylizujte značku zaškrtnutí. Na polotovar nakreslíme zaškrtnutí CSS. Nakreslíme obdélník s bílým rámečkem, dvě strany obdélníku nemají rámeček (nulová šířka), dostaneme obdélníkový roh, otočíme ho o 45 stupňů a dostaneme zaškrtnutí.
Speciální znaky jsou technické znaky, které nejsou uvedeny na klávesnici a jsou zakódovány pomocí UNICODE nebo jiného metajazyka. Speciální znaky jsou rozděleny do skupin: matematické, řecká abeceda, ISO 8859-1 a další. Proč jsou potřeba a jak je používat, přečtěte si dále v článku.
Používání speciálních znaků při psaní dokumentů
Použití je pro následující účely:
- Dodává článku úplnost a estetiku. Speciální znaky vám pomohou rychle porozumět rozměrovým hodnotám nebo přečíst historický název v latině nebo řečtině.
- Některé prvky zajišťují správné rozložení dokumentu. Například „“ a „“ jsou různé, první jsou přenášeny standardními prostředky, ostatní prostřednictvím speciálních znaků.
- Uspořádání matematických dokumentů se neobejde bez znalosti hlavních skupin prvků.
Základní znaky
Materiál vám umožní najít speciální znaky v příslušném kódování pro rychlé vložení do textu.
| Vzhled | Označení | HTML kód | CSS kód |
| ☃ | Sněhulák | ☃ | \2603 |
| ☦ | Pravoslavný kříž | ☦ | \2626 |
| ⚓ | Kotva | ⚓ | \2693 |
| ✆ | Telefonní znamení | ✆ | \2706 |
| ☎ | Telefon | ☎ | \260E |
| ☕ | Horké nápoje | ☕ | \2615 |
| ✎ | Tužka směřující dolů | ✎ | \270E |
| ✏ | Tužka | ✏ | \270F |
| ✐ | Tužka směřující nahoru doprava | ✐ | \2710 |
| ✑ | Prázdný hrot | ✑ | \2711 |
| ✒ | Plněný hrot pera | ✒ | \2712 |
| ⚜ | fleur-de-lis | ⚜ | \269C |
| ⛑ | Helma s bílým křížem | ⛑ | \26D1 |
| ⚝ | Nakreslená bílá hvězda | ⚝ | \269D |
| ❄ | Sněhová vločka | ❄ | \2744 |
| ❤ | Stínované odvážné srdce | ❤ | \2764 |
| ❅ | Sněhová vločka sevřená jetele | ❅ | \2745 |
| ❆ | Tlustá sněhová vločka s ostrým úhlem | ❆ | \2746 |
| ★ | Stínovaná hvězda | ★ | \2605 |
| ☆ | Prázdná hvězda | ☆ | \2606 |
| ✪ | Nevyplněná hvězda v plném kruhu | ✪ | \272A |
| ✫ | Vyplněná hvězda s otevřeným kruhem uvnitř | ✫ | \272B |
| ✯ | Rotující hvězda | ✯ | \272F |
| ❉ | Hvězda s kulovitými konci | ❉ | \2749 |
| ❋ | Odvážná osmicípá hvězdicová vrtule ve tvaru kapky | ❋ | \274B |
| ✲ | Hvězda s prázdným středem | ✲ | \2732 |
| ☀ | Malované slunce s paprsky | ☀ | \2600 |
| ☁ | Mraky | ☁ | \2601 |
| ☂ | Deštník | ☂ | \2602 |
| ☑ | Zaškrtněte čtverec | ☑ | \2611 |
| ☒ | Kříž ve čtverci | ☒ | \2612 |
| ☹ | Zamračený emotikon | ☹ | \2639 |
| ☺ | Usmívající se emotikon | ☺ | \263A |
| ☻ | Stínovaný úsměv emotikon | ☻ | \263B |
| ☭ | Srp a kladivo | ☭ | \262D |
| ⚑ | Plněná vlajka | ⚑ | \2691 |
| ⚐ | Prázdná vlajka | ⚐ | \2690 |
| ☰ | Trigram | ☰ | \2630 |
| ✿ | Malovaná květina | ✿ | \273f |
| ❀ | Prázdná květina | ❀ | \2740 |
| ✾ | Květina se šesti okvětními lístky | ✾ | \273E |
| ❁ | Barevný obrys květ | ❁ | \2741 |
| ❂ | Květina z teček | ❂ | \2742 |
| ✉ | Obálka | ✉ | \2709 |
| ❦ | Srdce v podobě květiny | ❦ | \2766 |
| ❶ | Číslo 1 | ❶ | \2776 |
| ❷ | Číslo 2 | ❷ | \2777 |
| ❸ | číslo 3 | ❸ | \2778 |
| ❹ | číslo 4 | ❹ | \2779 |
| ❺ | číslo 5 | ❺ | \277A |
| ❻ | číslo 6 | ❻ | \277B |
| ❼ | Číslo 7 | ❼ | \277C |
| ❽ | Číslo 8 | ❽ | \277D |
| ➒ | číslo 9 | ➒ | \2792 |
| ➓ | Číslo 10 | ➓ | \2793 |
| ✖ | Tučné znamení násobení | ✖ | \2716 |
| ✘ | Tučný kříž | ✘ | \2718 |
| ✔ | Tučné zaškrtnutí | ✔ | \2714 |
| ✚ | Tlustý kříž | ✚ | \271A |
| ⚛ | Symbol atomu | ⚛ | \269B |
| ♺ | Recyklační symbol | ♺ | \267A |
| ❑ | Nevyplněný čtverec s pravým spodním stínem | ❑ | \2751 |
| ❒ | Nevyplněný čtverec s pravým horním stínem | ❒ | \2752 |
| ◈ | Diamant v rámu | ◈ | \25C8 |
| ◐ | Kruh s vyplněnou levou polovinou | ◐ | \25D0 |
| ◑ | Zakroužkujte s vyplněnou pravou polovinou | ◑ | \25D1 |
| ⁂ | tři hvězdičky | ⁂ | \2042 |
Interpunkční znaménka
| Vzhled | Označení | HTML kód | CSS kód |
| < | Znak menší než (začátek značky) | < | \003C |
| > | Znak větší než (konec značky) | > | \003E |
| « | Levá dvojitá úhlová konzola | « | \00AB |
| » | Pravá dvojitá úhlová konzola | » | \00BB |
| ‹ | Jednoduchá citace v levém rohu | ‹ | \2039 |
| › | Jednoduchá citace v pravém rohu | › | \203A |
| « | Dvojitá citace | " | \0022 |
| ′ | Jediný tah | ′ | \2032 |
| ″ | Dvojitý zdvih | ″ | \2033 |
| ‘ | Levý jediný citát | ‘ | \2018 |
| ’ | Správná jediná citace | ’ | \2019 |
| ‚ | Spodní jednoduchý citát | ‚ | \201A |
| “ | Levá dvojitá uvozovka | “ | \201C |
| ” | Správná dvojitá citace | ” | \201D |
| „ | Spodní dvojitá uvozovka | „ | \201E |
| ❜ | Tučná jedna úvodní čárka | ❜ | \275C |
| ❛ | Tučná jedna otočená horní čárka | ❛ | \275B |
| & | Ampersand | & | \0026 |
| ‘ | Apostrof (jediná citace) | " | \0027 |
| § | Odstavec | § | \00A7 |
| © | Značka autorských práv | \00A9 | |
| ¬ | Znamení negace | ¬ | \00AC |
| ® | Registrovaná ochranná známka | ® | \00AE |
| ¯ | Macron | ¯ | \00AF |
| ° | Stupeň | ° | \00B0 |
| ± | Plus mínus | ± | \00B1 |
| ¹ | horní index "1" | ¹ | \00B9 |
| ² | horní index "2" | ² | \00B2 |
| ³ | horní index "3" | ³ | \00B3 |
| ¼ | Jedna čtvrtina | ¼ | \00BC |
| ½ | Půlka | ½ | \00BD |
| ¾ | Tři čtvrtiny | ¾ | \00BE |
| ´ | Značka přízvuku | ´ | \00B4 |
| µ | Micro | µ | \00B5 |
| ¶ | Značka odstavce | ¶ | \00B6 |
| · | Násobící znak | · | \00B7 |
| ¿ | Převrácený otazník | ¿ | \00BF |
| ƒ | Znamení Florin | ƒ | \0192 |
| ™ | Značka ochranné známky | ™ | \2122 |
| Značka seznamu | . | \2022 | |
| … | Elipsa | … | \2026 |
| ‾ | Podšívka | ‾ | \203E |
| – | Em pomlčka | - | \2013 |
| - | Em pomlčka | — | \2014 |
| ‰ | ppm | ‰ | \2030 |
| } | Pravá složená rovnátka | } | \007D |
| { | Levá složená rovnátka | { | \007B |
| = | Rovnítko | = | \003D |
| ≠ | Znak nerovnosti | ≠ | \2260 |
| ≅ | Kongruence (geometrická rovnost) | ≅ | \2245 |
| ≈ | Téměř stejné | ≈ | \2248 |
| ≤ | Menší nebo rovno | ≤ | \2264 |
| ≥ | Větší nebo rovno | ≥ | \2265 |
| ∠ | Roh | ∠ | \2220 |
| ⊥ | Kolmo (tlačítko nahoru) | ⊥ | \22A5 |
| √ | Odmocnina | √ | \221A |
| ∑ | N-ární sumace | ∑ | \2211 |
| ∫ | Integrální | ∫ | \222B |
| ※ | Znak poznámky pod čarou | ※ | \203B |
| ÷ | Znamení divize | ÷ | \00F7 |
| ∞ | Znamení nekonečna | ∞ | \221E |
| @ | Symbol psa | @ | \0040 |
| [ | Levá hranatá závorka | [ | \005B |
| ] | Pravá hranatá závorka | ] | \005D |
Šipky
| Vzhled | Označení | HTML kód | CSS kód |
| ← | Šipka vlevo | ← | \2190 |
| Šipka nahoru | \2191 | ||
| → | Šipka doprava | → | \2192 |
| ↓ | Šipka dolů | ↓ | \2193 |
| ↔ | Šipka doleva-doprava | ↔ | \2194 |
| ↵ | Šipka dolů a doleva – značka návratu vozíku | ↵ | \21B5 |
| ⇐ | Dvojitá šipka doleva | ⇐ | \21D0 |
| ⇑ | Dvojitá šipka nahoru | ⇑ | \21D1 |
| ⇒ | Dvojitá šipka doprava | ⇒ | \21D2 |
| ⇓ | Dvojitá šipka dolů | ⇓ | \21D3 |
| ⇔ | Dvojitá šipka doleva a doprava | ⇔ | \21D4 |
| ➠ | Létající šíp | ➠ | \27A0 |
| ➤ | hrot šípu | ➤ | \27A4 |
| ➥ | Zakřivená šipka směřující dolů a doprava | ➥ | \27A5 |
| ➦ | Zakřivená šipka směřující nahoru a doprava | ➦ | \27A6 |
| ➳ | Šipka doprava | ➳ | \27B3 |
| ↺ | ↺ | \21BA | |
| ↻ | Kulatá šipka s hrotem proti směru hodinových ručiček | ↻ | \21BB |
| ⇧ | Silná dutá šipka nahoru | ⇧ | \21E7 |
| ↩ | Šipka vlevo s háčkem | ↩ | \21A9 |
| ➫ | Šipka dolů | ➫ | \27AB |
| ⬇ | Vyplněná šipka dolů | ⬇ | \2B07 |
| ⬆ | Vyplněná šipka nahoru | ⬆ | \2B06 |
Kartové obleky, znamení zvěrokruhu a ikony měny
| Vzhled | Označení | HTML kód | CSS kód |
| ♠ | "piky" | ♠ | \2660 |
| ♣ | "kluby" | ♣ | \2663 |
| "srdce" | \2665 | ||
| ♦ | "diamanty" | ♦ | \2666 |
| ♡ | Obrys "Srdce" | ♡ | \2661 |
| ♢ | Obrys "Tamburíny" | ♢ | \2662 |
| ♤ | Vrcholový obrys | ♤ | \2664 |
| ♧ | Přehled "Kluby" | ♧ | \2667 |
| ¢ | Cent | ¢ | \FFE0 |
| £ | GBP | £ | \FFE1 |
| ₽ | ruský rubl | ₽ | \20BD |
| ¥ | Yen nebo Yuan | ¥ | \00A5 |
| € | Euro | € | \20AC |
| $ | Dolar | $ | \0024 |
| ₴ | Hřivna znamení | ₴ | \20B4 |
| ₹ | indická rupie | ₹ | \20B9 |
| 圓 | CNY | 圓 | \5713 |
| ₸ | kazašské tenge | ₸ | \20B8 |
| ♈ | Beran | ♈ | \2648 |
| ♉ | Býk | ♉ | \2649 |
| ♊ | Dvojčata | ♊ | \264A |
| ♋ | Rakovina | ♋ | \264B |
| ♌ | Lev | ♌ | \264C |
| ♍ | Panna | ♍ | \264D |
| ♎ | Váhy | ♎ | \264E |
| ♏ | Štír | ♏ | \264F |
| ♐ | Střelec | ♐ | \2650 |
| ♑ | Kozoroh | ♑ | \2651 |
| ♒ | Vodnář | ♒ | \2652 |
| ♓ | Ryba | ♓ | \2653 |
Řecká abeceda
| Dopis | malá písmena | kapitály | ||
| symbol | html kód | symbol | html kód | |
| α | Α | |||
| β | Β | |||
| γ | Γ | |||
| δ | Δ | |||
| ε | Ε | |||
| ζ | Ζ | |||
| η | Η | |||
| θ | Θ | |||
| ι | Ι | |||
| κ | Κ | |||
| λ | Λ | |||
| μ | Μ | |||
| ν | Ν | |||
| ξ | Ξ | |||
| ο | Ο | |||
| π | Π | |||
| ρ | Ρ | |||
| σ | Σ | |||
| ς | ||||
| τ | Τ | |||
| υ | Υ | |||
| φ | Φ | |||
| χ | Χ | |||
| ψ | Ψ | |||
| ω | Ω | |||
Jak to využít v praxi
Bez ohledu na CMS se přidávání článku provádí pomocí vizuálního editoru a HTML verze. Všechny speciální znaky v kódování lze vložit pouze v druhém případě. Pro správné používání nástrojů se doporučuje vzít na vědomí tabulky, které ukazují kód a externí reprezentaci.
Vezměte prosím na vědomí, že pokud do vizuální reprezentace článku vložíte znak, prvek se převede na odpovídající kód v HTML. Při ručním zadávání informací zvažte případ, který ovlivňuje konečný výsledek.