Referencja znaków HTML

Wpisanie © i zastanawianie się, czy naprawdę wyświetli się znak ©, albo szukanie encji dla półpauzy, spacji nierozdzielającej lub greckiej litery, za każdym razem kosztuje kilka minut. Ta przeszukiwalna referencja zawiera wszystkie nazwane i liczbowe encje HTML zdefiniowane przez standard WHATWG HTML, z natychmiastowym wyszukiwaniem i kopiowaniem jednym dotknięciem.

Jak znaleźć encję HTML

  1. 1

    Szukaj według nazwy lub znaku

    Wpisz `copy`, `©`, `8212` lub `em dash` – wszystkie pasują do tej samej encji.

  2. 2

    Wybierz z siatki

    Każda encja pokazuje swoją nazwaną postać, kod dziesiętny i kod szesnastkowy.

  3. 3

    Kopiuj jednym dotknięciem

    Dotknij, aby skopiować znak, encję nazwaną lub encję liczbową.

  4. 4

    Filtruj według kategorii

    Wybierz według waluty, matematyki, strzałek, dodatków łacińskich, greckiego lub znaków interpunkcyjnych.

Trzy sposoby pisania tego samego znaku

W HTML można wpisać specjalny znak trzema różnymi sposobami. Wybierz ten, który najlepiej się odczytuje i który z gwarancją zostanie poprawnie wyświetlony.

Trzy formy

Znak Encja nazwana Liczba dziesiętna Liczba szesnastkowa
© © © ©
® ® ® ®
™ ™ ™
€ € €
- — — —
– – –
… … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
&quot; &#34; &#x22;

Kiedy używać każdej formy

  • Encje nazwane są czytelne w kodzie źródłowym (&mdash; to oczywiście pauza), ale istnieje tylko około 250 encji nazwanych – wszystko bardziej nietypowe wymaga formy liczbowej.
  • Liczba dziesiętna działa dla każdego punktu kodowego Unicode; używaj jej, gdy znasz wartość dziesiętną (często z tabeli referencyjnej).
  • Liczba szesnastkowa odpowiada notacji, której używa sam Unicode (U+2014). Wartość U+NNNN przekształć, dodając na początku prefiks &#x.

Znaki, które trzeba zescapować

Tych pięć znaków psuje kod HTML, jeśli pozostawi się je w treści bez zmian:

  • < – zescapuj jako &lt; lub umieść jako dane znakowe wewnątrz <pre>.
  • > – zescapuj jako &gt; (wymagane tylko wewnątrz atrybutów).
  • & – zescapuj jako &amp; w każdym kontekście.
  • " – zescapuj jako &quot; wewnątrz wartości atrybutów.
  • ' – zescapuj jako &#39; lub &apos; wewnątrz atrybutów ujętych w apostrofy.

Cała reszta jest opcjonalna w HTML5 z kodowaniem UTF-8 – surowy znak Unicode jest dozwolony.

Najczęściej zadawane pytania

Tak, ponieważ ten znak jest niewidoczny w kodzie źródłowym. Użycie &nbsp; samo się dokumentuje – inny programista, który czyta Twój kod, od razu widzi, że chcesz w tym miejscu zapobiec złamaniu wiersza.

Nie – &apos; jest zdefiniowany w XML i HTML5, ale nie w HTML4. Użyj &#39;, jeśli potrzebujesz apostrofu w dokumencie ściśle zgodnym z HTML4, choć i tak wszystkie nowoczesne przeglądarki poprawnie wyświetlają obie formy.

U+0020 to zwykła spacja, w której przeglądarki mogą złamać wiersz. U+00A0 (spacja nierozdzielająca, &nbsp;) zapobiega złamaniu wiersza i nie jest scalana z sąsiednimi odstępami. Używaj jej w zapisie „10 km”, aby wartość i jednostka pozostawały razem.

Emoji mają punkty kodowe Unicode i można je zapisywać jako encje liczbowe (&#128512; = 😀), ale w nowoczesnych plikach HTML w kodowaniu UTF-8 wystarczy wkleić emoji bezpośrednio. Forma encji jest przydatna tylko w e-mailach lub systemach z ograniczeniami kodowania.

Powiązane narzędzia