Strony internetowe, które odwiedzasz online, są zbudowane przy użyciu HTML kod, który informuje przeglądarki internetowe, jaka jest zawartość strony i jak renderować ją wizualnie dla widzów. Kod zawiera instruktażowe bloki konstrukcyjne zwane elementami, których przeglądarka stron internetowych nigdy nie widzi. Kod zawiera również zwykłe znaki tekstowe, takie jak te w nagłówkach i akapitach, przeznaczone do przeczytania przez widza.
Rola znaków specjalnych w HTML
Gdy używasz języka HTML i wpisujesz tekst przeznaczony do wyświetlenia, zwykle nie potrzebujesz żadnych specjalnych kodów — wystarczy użyć klawiatury komputera, aby dodać odpowiednie litery lub znaki. Problem pojawia się, gdy chcesz wpisać znak w czytelnym tekście, którego HTML używa jako część samego kodu. Te znaki obejmują < i > znaków, które są używane w kodzie do rozpoczynania i kończenia każdego tagu HTML. Możesz także dołączyć do tekstu znaki, które nie mają bezpośredniego odpowiednika na klawiaturze, na przykład © i Ñ. W przypadku znaków, które nie mają klawisza na klawiaturze, wpisujesz kod.
Znaki specjalne to określone fragmenty kodu HTML przeznaczone do wyświetlania znaków używanych w kod HTML lub dołączyć znaki, których nie ma na klawiaturze, w tekście przeglądarki widzi. HTML renderuje te znaki specjalne za pomocą kodowania numerycznego lub znakowego, aby można je było uwzględnić w Dokument HTML, odczytywane przez przeglądarkę i wyświetlane prawidłowo dla odwiedzających Twoją witrynę.
Podstawą składni kodu HTML są trzy znaki. Nigdy nie należy ich używać w czytelnych częściach strony internetowej bez uprzedniego zakodowania ich w celu prawidłowego wyświetlania. Są to symbole większe niż, mniejsze niż i ampersand. Innymi słowy, nigdy nie należy używać symbolu „mniej niż” < w kodzie HTML, chyba że jest to początek Znacznik HTML. Jeśli to zrobisz, postać dezorientuje przeglądarki, a Twoje strony mogą nie wyświetlać się zgodnie z oczekiwaniami. Trzy znaki, których nigdy nie należy dodawać w postaci niezakodowanej, to:
- mniej niż znak <
- znak większego niż >
- ampersand &
Gdy wpisujesz te znaki bezpośrednio w kodzie HTML — chyba że używasz ich jako elementów w kodzie — wpisz ich kodowanie, aby były poprawnie wyświetlane w czytelnym tekście:
- mniej niż znak — <
- znak większości — >
- ampersand — &
Każdy znak specjalny zaczyna się od znaku ampersand — nawet znak specjalny dla znaku ampersand zaczyna się od tego znaku. Znaki specjalne kończą się średnikiem. Pomiędzy tymi dwoma znakami dodajesz wszystko, co jest odpowiednie dla znaku specjalnego, który chcesz dodać. to (dla mniej niż) tworzy symbol „mniej niż”, gdy pojawia się on między znakiem ampersand i średnikiem w kodzie HTML. Podobnie, g tworzy ponad symbol i wzmacniacz daje znak ampersand, gdy są umieszczone między ampersand i średnik.
Znaki specjalne, których nie możesz wpisać
Każdy znak, który może być renderowany w standardowym zestawie znaków Latin-1, może być renderowany w formacie HTML. Jeśli nie pojawia się na klawiaturze, użyj symbolu ampersand z unikalnym kodem, który został przypisany do znaku, po którym następuje średnik.
Na przykład „przyjazny kod” dla symbol praw autorskich to ©, a ™ to kod symbolu znaku towarowego.
Ten przyjazny kod jest łatwy do wpisania i łatwy do zapamiętania, ale istnieje wiele znaków, które nie mają przyjaznego kodu, który jest łatwy do zapamiętania.
Każdemu znakowi, który można wpisać na ekranie, odpowiada dziesiętny kod numeryczny. Możesz użyć tego kodu numerycznego, aby wyświetlić dowolny znak. Na przykład dziesiętny kod numeryczny symbolu praw autorskich — © — zademonstrować działanie kodów numerycznych. Nadal zaczynają się znakiem ampersand i kończą się średnikiem, ale zamiast przyjaznego tekstu używasz znaku liczby, po którym następuje unikalny kod tego znaku.
Przyjazne kody są łatwe do zapamiętania, ale kody numeryczne są często bardziej niezawodne. Witryny zbudowane z baz danych i XML mogą nie mieć zdefiniowanych wszystkich przyjaznych kodów, ale obsługują kody numeryczne.
Najlepszym sposobem na znalezienie kodów numerycznych dla znaków są zestawy znaków, które można znaleźć w Internecie. Gdy znajdziesz symbol, którego potrzebujesz, po prostu skopiuj i wklej kod numeryczny do kodu HTML.
Niektóre zestawy znaków obejmują:
- Kody walut
- Kody matematyczne
- Kody interpunkcyjne
- Kody wymowy
- Kody diakrytyczne
Znaki nieanglojęzyczne
Znaki specjalne nie są ograniczone do języka angielskiego. Znaki specjalne w językach innych niż angielski mogą być wyrażane w HTML, w tym:
- hiszpański
- Francuski
- grecki
- rumuński
Więc jakie są kody szesnastkowe?
Kod szesnastkowy to alternatywny format wyświetlania znaków specjalnych w kodzie HTML. Możesz użyć dowolnej metody dla swojej strony internetowej. Wyszukujesz je w zestawach znaków online i używasz ich w taki sam sposób, w jaki używasz przyjaznych kodów lub kodów numerycznych.
Dodaj deklarację Unicode do nagłówka dokumentu
Dodaj następujący metatag w dowolnym miejscu wewnątrz.
content="tekst/html; charset=utf-8" />Wskazówki
Bez względu na to, jakiej metody używasz, pamiętaj o kilku sprawdzonych metodach:
Zawsze kończ swoją jednostkę średnikiem
Niektóre edytory HTML umożliwiają publikowanie kodów HTML bez końcowego średnika, ale Twoje strony będą nieprawidłowe, a wiele przeglądarek internetowych nie wyświetli poprawnie encji bez niego.
Zawsze zaczynaj od znaku ampersand
Wiele edytorów stron internetowych pozwala uniknąć pominięcia „amp;” ale kiedy wyświetlasz sam ampersand w XHTML, powoduje błąd walidacji.
Przetestuj swoje strony w tylu przeglądarkach, ile możesz
Jeśli znak ma kluczowe znaczenie dla zrozumienia dokumentu i nie możesz go przetestować w kombinacjach przeglądarki/systemu operacyjnego, których używają Twoi klienci, powinieneś znaleźć inny sposób jego przedstawienia. Zanim jednak uciekniesz się do obrazów lub czegoś innego, wypróbuj jedno z narzędzi do testowania przeglądarek, które mogą zweryfikować Twój kod w wielu przeglądarkach.