Strony internetowe odwiedzane online są tworzone przy użyciu kodu HTML, który informuje przeglądarkę o zawartości strony i sposobie jej renderowania dla widzów. Kod zawiera instruktażowe klocki znane jako elementy, których użytkownik nigdy nie widzi. Kod zawiera również zwykłe znaki tekstowe, takie jak nagłówki i akapity przeznaczone do czytania przez przeglądającego.
Rola znaków specjalnych w HTML
Kiedy używasz HTML i wpisujesz tekst przeznaczony do oglądania, zwykle nie potrzebujesz żadnych specjalnych kodów - używasz tylko 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ęści samego kodu. Te znaki zawierają znaki <i>, które są używane w kodzie do uruchamiania i kończenia każdego tagu HTML. Możesz również dołączyć znaki do tekstu, które nie mają bezpośredniego analogu na klawiaturze, takich jak © i Ñ. W przypadku postaci, które nie mają klawisza na klawiaturze, wprowadzasz kod.
Znaki specjalne to określone fragmenty kodu HTML przeznaczone do wyświetlania znaków, które są używane w kodzie HTML lub do umieszczania znaków, których nie ma na klawiaturze w tekście widza. HTML renderuje te znaki specjalne za pomocą kodowania numerycznego lub znakowego, dzięki czemu mogą one być zawarte w dokumencie HTML, czytane przez przeglądarkę i wyświetlane poprawnie dla odwiedzających witrynę.
Specjalne znaki HTML
Trzy znaki stanowią rdzeń składni kodu HTML. 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ż, mniej niż i ampersand. Innymi słowy, nigdy nie powinieneś używać mniejszego niż symbol < w kodzie HTML, chyba że jest to początek tagu HTML. Jeśli to zrobisz, postać myli przeglądarki, a twoje strony mogą nie wyświetlać się zgodnie z oczekiwaniami. Trzy znaki, które nigdy nie powinny być dodawane bez kodu, to:
- mniej niż znak <
- większy niż znak >
- ampersand &
Po wpisaniu tych znaków bezpośrednio do kodu HTML - chyba że używasz ich jako elementów w kodzie w ich kodowaniu, więc pojawiają się poprawnie w czytelnym tekście:
- mniej niż znak -<
- większy niż znak ->
- ampersand – &
Każda postać specjalna zaczyna się od znaku ampersand - nawet znak specjalny dla ampersand zaczyna się od tej postaci. Znaki specjalne kończą się średnikiem. Pomiędzy tymi dwoma znakami dodajesz, co jest właściwe dla znaku specjalnego, który chcesz dodać.lt (dla mniej niż ) tworzy mniejszy niż symbol, gdy pojawia się między ampersand a średnikiem w HTML. Podobnie, gt tworzy większy niż symbol i amp daje znak ampersand, gdy są umieszczone między znakiem ampersand a średnikiem.
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 HTML. Jeśli nie pojawi się na klawiaturze, użyjesz znaku ampersand z unikalnym kodem, który został przypisany do znaku, a następnie średnikiem.
Na przykład "przyjazny kod" dla symbolu praw autorskich jest© i&handel; to kod symbolu znaku towarowego.
Ten przyjazny kod jest łatwy do wpisania i łatwy do zapamiętania, ale istnieje wiele postaci, które nie mają przyjaznego kodu, który jest łatwy do zapamiętania.
Każdy znak, który można wpisać na ekranie, ma odpowiadający dziesiętny kod liczbowy. Możesz użyć tego kodu numerycznego, aby wyświetlić dowolny znak. Na przykład dziesiętny kod numeryczny symbolu praw autorskich©-Demonstrates jak działają kody numeryczne. Nadal zaczynają się od znaku ampersand i kończą średnikiem, ale zamiast przyjaznego tekstu, używasz znaku liczbowego, po którym następuje unikalny kod liczbowy dla tej postaci.
Przyjazne kody są łatwe do zapamiętania, ale kody numeryczne są często bardziej wiarygodne. Strony zbudowane z baz danych i XML mogą nie zawierać wszystkich przyjaznych kodów, ale obsługują kody numeryczne.
Najlepszym sposobem znalezienia kodów numerycznych jest zestaw znaków dostępny online. Gdy znajdziesz potrzebny symbol, 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 znaków diakrytycznych
Znaki języka innego niż angielski
Znaki specjalne nie są ograniczone do języka angielskiego. Znaki specjalne w językach innych niż angielski można wyrazić w HTML, w tym:
- hiszpański
- Francuski
- grecki
- rumuński
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 ten sam sposób, w jaki używasz przyjaznych kodów lub kodów numerycznych.
Dodaj deklarację Unicode do swojej głowy dokumentu
Dodaj następujący metatag w dowolnym miejscu wewnątrz
strony internetowej, aby upewnić się, że znaki specjalne są wyświetlane poprawnie.content = "text / html; charset = utf-8" /> Bez względu na to, z której metody korzystasz, pamiętaj o kilku sprawdzonych metodach: Wskazówki
