Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Jednostki HTML


Zastrzeżone znaki w HTML muszą zostać zastąpione encjami znakowymi.


Jednostki HTML

Niektóre znaki są zastrzeżone w HTML.

Jeśli użyjesz w tekście znaków mniejszych niż (<) lub większych niż (>), przeglądarka może je pomieszać z tagami.

Jednostki znakowe są używane do wyświetlania zastrzeżonych znaków w HTML.

Encja znaku wygląda tak:

&entity_name;

OR

&#entity_number;

Aby wyświetlić znak mniej niż (<), musimy napisać: < lub <

Zaleta używania nazwy encji: Nazwa encji jest łatwa do zapamiętania.
Wada używania nazwy encji: przeglądarki mogą nie obsługiwać wszystkich nazw encji, ale obsługa numerów encji jest dobra.


Nieprzerwana przestrzeń

Powszechnie używaną encją w HTML jest spacja nierozdzielająca:  

Spacja niełamliwa to taka, która nie włamie się do nowej linii.

Dwa słowa oddzielone spacją nierozdzielającą skleją się (nie przełamią się do nowej linii). Jest to przydatne, gdy łamanie słów może być uciążliwe.

Przykłady:

  • § 10
  • 10 km/h
  • 10 PO POŁUDNIU

Innym powszechnym zastosowaniem spacji nierozdzielającej jest zapobieganie obcinaniu spacji przez przeglądarki na stronach HTML.

Jeśli wpiszesz w tekście 10 spacji, przeglądarka usunie 9 z nich. Aby dodać do tekstu prawdziwe spacje, możesz użyć   jednostka znakowa.

Wskazówka: łącznik nierozdzielający ( ) służy do definiowania znaku łącznika (‑), który nie dzieli się na nowy wiersz.



Niektóre przydatne jednostki znaków HTML

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Uwaga: w nazwach jednostek rozróżniana jest wielkość liter.


Łączenie znaków diakrytycznych

Znak diakrytyczny to „glif” dodawany do litery.

Niektóre znaki diakrytyczne, takie jak grób ( ̀) i ostre ( ́), nazywane są akcentami.

Znaki diakrytyczne mogą pojawiać się zarówno nad, jak i pod literą, wewnątrz litery i między dwoma literami.

Znaki diakrytyczne mogą być używane w połączeniu ze znakami alfanumerycznymi w celu utworzenia znaku, który nie występuje w zestawie znaków (kodowaniu) używanym na stronie.

Oto kilka przykładów:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Więcej symboli HTML zobaczysz w następnym rozdziale tego samouczka.