Znaki specjalne

Dostępny

5.1 Escapowanie znaków

W HTML używamy tzw. "character entities" do reprezentowania znaków, które w innym przypadku byłyby interpretowane jako część składni HTML. Te znaki to np. nawiasy kątowe, ampersandy, spacje, a także znaki z różnych języków i zestawów znaków.

Nawiasy kątowe i ampersand

Aby wyświetlać znaki wykorzystywane w HTML jako część znaczników lub składni, musimy użyć specjalnych kodów:

  • < : &lt;
  • > : &gt;
  • & : &amp;

Przykład użycia:

HTML
<p>Użyj &lt; i &gt; do oznaczania nawiasów kątowych, a &amp; dla ampersanda.</p>

Cudzysłowy

Aby wyświetlać podwójne i pojedyncze cudzysłowy wewnątrz atrybutów HTML:

  • " : &quot;
  • ' : &apos;

Przykład użycia:

HTML
<p>Dla cudzysłowów użyj &quot;podwójnych&quot; i &apos;pojedynczych&apos; cudzysłowów.</p>

5.2 Spacje i niełamiące spacje

W HTML kilka spacjii z rzędu zawsze wyświetla się jako jedna spacja. Aby zachować spacje lub stworzyć niełamiące spacje, używamy specjalnych znaków:

  • Spacja : &nbsp;
  • Cienka spacja : &thinsp;
  • Pełna spacja : &emsp;
  • Półspacja : &ensp;

Przykład użycia:

HTML
<p>Ten&nbsp;tekst&nbsp;zawiera&nbsp;kilka&nbsp;niełamiących&nbsp;spacjach.</p>

Znaki specjalne i diakrytyczne

HTML obsługuje wiele znaków specjalnych dla różnych języków i zestawów znaków. Na przykład:

  • © : &copy;
  • ® : &reg;
  • ™ : &trade;
  • € : &euro;
  • £ : &pound;

Przykład użycia:

HTML
<p>Prawa autorskie &copy; 2024. Wszystkie prawa zastrzeżone. Cena: 50 &euro;</p>

Znaki matematyczne

HTML obsługuje szeroki zestaw znaków matematycznych:

  • ± : &plusmn;
  • × : &times;
  • ÷: &divide;
  • ≤ : &le;
  • ≥: &ge;
  • ∞ : &infin;
  • √ : &radic;

Przykład użycia:

HTML
<p>Rozwiązanie równania: x &ge; 5 i x &le; 10. Użyj &radic; do oznaczania pierwiastka.</p>

5.3 Strzałki i inne symbole graficzne

HTML obsługuje również strzałki i inne symbole graficzne:

  • ← : &larr;
  • ↑ : &uarr;
  • → : &rarr;
  • ↓ : &darr;
  • ↔ : &harr;
  • ♠ : &spades;
  • ♣ : &clubs;
  • ♥ : &hearts;
  • ♦ : &diams;

Przykład użycia:

HTML
<p>Kierunki: &larr; lewo, &uarr; góra, &rarr; prawo, &darr; dół.</p>
<p>Kolory kart:&spades; &hearts; &diams; &clubs;</p>

Pełna lista znaków specjalnych

Pełną listę znaków specjalnych można znaleźć w dokumentacji HTML lub na specjalistycznych stronach, takich jak W3Schools lub HTML Character Entities Reference.

5.4 Użycie emoji

Emoji stały się nieodłączną częścią współczesnej komunikacji cyfrowej. Używane są do wyrażania emocji, idei i przedmiotów w wiadomościach tekstowych, mediach społecznościowych i na stronach internetowych. W HTML emoji można używać na kilka sposobów.

Użycie Unicode

Emoji można umieścić w dokumencie HTML za pomocą symboli Unicode. Każdy emoji ma unikalny kod, który można użyć do jego wyświetlenia.

Przykład użycia Unicode:

HTML
<p>Uśmiechnięta twarz: 😀</p>
<p>Serce: ❤️</p>
<p>Kciuk w górę: 👍</p>

Aby wstawić emoji za pomocą Unicode, musisz użyć jego szesnastkowego kodu, poprzedzając go &#x i kończąc ;.

Przykład użycia kodów szesnastkowych:

HTML
<p>Uśmiechnięta twarz: &#x1F600;</p>
<p>Serce: &#x2764;&#xFE0F;</p>
<p>Kciuk w górę: &#x1F44D;</p>

Nie musisz tego zapamiętywać: wystarczy poszukać ich w internecie, gdy jest to potrzebne, i nie stresować się, jeśli spotkasz je w cudzym kodzie 😊

1
Zadanie
Frontend SELF PL,  poziom 4lekcja 5
Niedostępne
Escapowanie znaków
Escapowanie znaków
1
Zadanie
Frontend SELF PL,  poziom 4lekcja 5
Niedostępne
Symbole matematyczne
Symbole matematyczne
Komentarze
  • Popularne
  • Najnowsze
  • Najstarsze
Musisz się zalogować, aby dodać komentarz
Ta strona nie ma jeszcze żadnych komentarzy