Softonic

Referencja znaków HTML

Krok 1 / 3

Wpisz sam znak, jego nazwę (copy), kod (169 lub U+00A9) albo słowo (strzałki).

Dalej: zobacz znaki

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 najbardziej przydatne nazwane i liczbowe encje HTML, od znaków interpunkcyjnych i walutowych po symbole matematyczne i strzałki, z natychmiastowym wyszukiwaniem i kopiowaniem jednym dotknięciem.

Jak znaleźć encję HTML

  1. 1

    Szukaj według nazwy lub znaku

    Wpisz `©`, `copy`, `169`, `U+00A9` lub `prawa autorskie`: każde z nich znajdzie znak praw autorskich.

  2. 2

    Wybierz z tabeli

    Każdy wiersz pokazuje znak, jego nazwaną postać i kod liczbowy.

  3. 3

    Kopiuj jednym dotknięciem

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

  4. 4

    Filtruj według kategorii

    Wybierz według popularnych symboli, strzałek, symboli matematycznych 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 HTML definiuje tylko 2125 nazw (252 z nich pochodzi jeszcze z HTML 4.01), a większość znaków Unicode nie ma żadnej: wszystko inne wymaga formy liczbowej.
  • Liczba dziesiętna działa dla każdego znaku Unicode z wyjątkiem kodów od 128 do 159, które przeglądarki odczytują jako znaki Windows-1252 (&#150; wyświetla półpauzę); 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;, także 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

Generator konfiguracji webpack

Utwórz plik webpack.config.js dla webpacka 5 do czystego JavaScriptu, Reacta lub Vue: TypeScript, Babel, CSS lub Sass, obrazy, HtmlWebpackPlugin, serwer deweloperski i polecenie npm install.

Generator kolorów analogicznych

Twórz pięciokolorowe palety analogiczne z dowolnego koloru bazowego: klasyczną trójkę, dwie zewnętrzne barwy oraz wartości hex, RGB i HSL.

Walidator XSD

Waliduj dokument XML wobec schematu XSD i zgłaszaj niezgodności elementów i typów z dokładnymi numerami wierszy.

Generator fikcyjnych numerów telefonu

Generuj do 50 fikcyjnych numerów z oficjalnie zastrzeżonych zakresów w pięciu krajach.

Kod na obraz

Wklej kod, ustaw motyw, kolory, rozmiar czcionki, odstępy, nagłówek i numery wierszy, sprawdź podgląd canvas i pobierz PNG. Renderowanie zwykłego tekstu, bez podświetlania składni.

Dekoder Protocol Buffers

Dekoduj lokalnie bajty Protobuf z zapisu hex, Base64, Base64URL, tekstu lub pliku, analizuj pola i eksportuj prywatny raport.

Narzędzie jest dostępne w innych językach