10 symboli HTML które powinieneś znać

10 symboli HTML które powinieneś znać
Spis treści

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: ––.

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

1/2 → ½ or ½ 
1/4 → ¼ or ¼ 
3/4 → ¾ or ¾ 
1/8 → ⅛ or ⅛ 
3/8 → ⅜ or ⅜ 
5/8 → ⅝ or ⅝ 
7/8 → ⅞ or ⅞ 
1/3 → ⅓ 
2/3 → ⅔ 
1/5 → ⅕ 
2/5 → ⅖ 
3/5 → ⅗ 
4/5 → ⅘ 
1/6 → ⅙ 
5/6 → ⅚

Bonus #2

unicode-table.com