10 symboli HTML które powinieneś znać
Artykuł ten jest moją luźną interpretacją oryginalnego tekstu 10 HTML Entity Crimes You Really Shouldn’t Commit . Problem dotyczy wklejek na stronach internetowych z popularnych programów typu “Word” i innych, gdzie znaki specjalne nie są odpowiednio zakodowane, przez co mogą powodować pewne problemy. Więc – zaczynamy
1. Ampersandy
Najczęściej popełniany błąd to wstawienie znaku & w czystej postaci. Ampersand jest używany w bardzo wielu przypadkach jako znacznik specjalny, szczególnie w URLach i innych miejscach. Jak powinno wyglądać prawidłowe stawienie ampersanda – jest do tego specjalny tag: &
2. Trójkropek
Znany również jako `ellipsis`. Często nadużywany przeze mnie, powinien występować nie w postaci 3 kropek, a… znacznika …
3. Pauza znana lepiej jako myślnik —
Całkiem prosto o ładnie, zamiast używać symbolu matematycznego minus: —
4. Półpauza
Czyli krótki myślnik: ––.
5. Copyright ©
Symbol znany i bardzo popularny © – ma swój znacznik łatwy do zapamiętania: ©
6. TradeMark – ™
To symbol oznaczający znak towarówy, podobnie jak © ma swój znacznik – ™
7. Ułamki
Tak, tak – można je zapisać przy pomocy znaczników. Dostępne mamy ćwiartki:
¼ ¼
½ ½
¾ ¼
8. Symbole matematyczne
Dostępny są podstawowe × × oraz ÷ ÷
9. Symbol stopnia
Bardzo ładny symbol – małe kółko 😉 ° °
10. Cytowanie
Tak – to jest bardzo popularny problem na stronach internetowych – zwykłe cudzysłowy wyglądają tak: ” " cytaty powinny zaś być osadzone w znacznikach “cytat” czyli “ i ”. Można też użyć znaczników pojedynczych ‘cytat’ czyli ‘ oraz ’
Bonus – tablica frakcji
<code>1/2 → ½ or ½ </code>
<code>1/4 → ¼ or ¼ </code>
<code>3/4 → ¾ or ¾ </code>
<code>1/8 → ⅛ or ⅛ </code>
<code>3/8 → ⅜ or ⅜ </code>
<code>5/8 → ⅝ or ⅝ </code>
<code>7/8 → ⅞ or ⅞ </code>
<code>1/3 → ⅓ </code>
<code>2/3 → ⅔ </code>
<code>1/5 → ⅕ </code>
<code>2/5 → ⅖ </code>
<code>3/5 → ⅗ </code>
<code>4/5 → ⅘ </code>
<code>1/6 → ⅙ </code>
<code>5/6 → ⅚</code>