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

<code>1/2 → &#189; or &frac12; </code>
<code>1/4 → &#188; or &frac14; </code>
<code>3/4 → &#190; or &frac34; </code>
<code>1/8 → &#8539; or &frac18; </code>
<code>3/8 → &#8540; or &frac38; </code>
<code>5/8 → &#8541; or &frac58; </code>
<code>7/8 → &#8542; or &frac78; </code>
<code>1/3 → &#8531; </code>
<code>2/3 → &#8532; </code>
<code>1/5 → &#8533; </code>
<code>2/5 → &#8534; </code>
<code>3/5 → &#8535; </code>
<code>4/5 → &#8536; </code>
<code>1/6 → &#8537; </code>
<code>5/6 → &#8538;</code>