Encje HTML (HTML Entities)

By /

Html

Encje HTML, znane również jako znaki encji, to specjalny sposób reprezentacji pewnych znaków w kodzie HTML, które albo mają specjalne znaczenie w HTML, albo nie są łatwo dostępne na standardowych klawiaturach. Użycie encji HTML pozwala na wstawienie do dokumentu znaków, które inaczej mogłyby zostać zinterpretowane przez przeglądarkę jako kod HTML, lub które są trudne do wpisania bezpośrednio.

Dlaczego używamy encji HTML?

  • Aby wyświetlić znaki specjalne: Takie jak <, >, które są używane w tagach HTML i mogą być błędnie interpretowane przez przeglądarkę jako elementy kodu.
  • Do reprezentacji znaków niewidocznych: Takich jak spacje niełamane (&nbsp;) czy tabulacje.
  • Do wstawienia symboli i znaków specjalnych: Takich jak znaki akcentowane, symbole walut, znaki matematyczne, które mogą nie być dostępne na klawiaturze lub wymagają specjalnego kodowania.

Jak używać encji HTML?

Encje HTML są reprezentowane przez początek znaku &, nazwę encji (lub numer w systemie dziesiętnym/ósemkowym) i kończą się na ;. Na przykład:

  • &lt; reprezentuje znak <
  • &gt; reprezentuje znak >
  • &amp; reprezentuje znak &
  • &nbsp; reprezentuje spację niełamaną
  • &copy; reprezentuje symbol ©

Przykład użycia encji HTML

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Encje HTML</title>
</head>
<body>
    <p>Użycie &lt; i &gt; pozwala na bezpieczne wyświetlanie znaków &lt; oraz &gt; w treści HTML.</p>
    <p>Znak &amp; reprezentuje symbol &amp;.</p>
    <p>Spacja niełamana, reprezentowana przez &nbsp;,zapobiega 
       dzieleniu linii między słowami.</p>
    <p>Symbole specjalne takie jak &copy;, &euro;, &reg; 
       reprezentują ©, €, ®.</p>
</body>
</html>

Podsumowanie

Encje HTML są niezbędnym narzędziem w arsenale każdego twórcy stron internetowych, pozwalającym na precyzyjne kontrolowanie wyświetlania treści. Umożliwiają one bezpieczne i skuteczne wstawianie do dokumentów HTML znaków specjalnych, które mogłyby być błędnie interpretowane przez przeglądarki lub które są trudne do bezpośredniego wpisania. Znajomość i umiejętne wykorzystanie encji HTML pozwala na tworzenie bardziej zrozumiałych i estetycznie dopracowanych stron internetowych.

Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs video WebDevelopera w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.

 

Powiązane artykuły

Scroll to Top