Niektóre symbole są trudne do wpisania, a inne są technicznie zabronione. Dowiedz się, co jest które i jak opanować znaki w HTML.
Może się zdarzyć, że będziesz musiał użyć znaku specjalnego w swojej witrynie, takiego jak symbol ampersand. Nie można jednak po prostu wpisać „&” w kodzie HTML, ponieważ jest to zarezerwowany symbol HTML.
Zamiast tego możesz użyć jednostek HTML lub specjalnych kodów do reprezentowania tych znaków. Dzięki temu możesz dodawać symbole do swojej strony internetowej bez ingerencji w rzeczywisty kod HTML.
Czym są symbole w HTML?
Gdy budowanie strony HTML, użyjesz szeregu symboli interpunkcyjnych. Chociaż większość znaków możesz dodać bezpośrednio do swojej strony, niektóre mają specjalne znaczenie lub są trudne do wpisania. Na przykład HTML używa symboli, takich jak nawiasy ostrokątne (< i >), ampersandy (&) i cudzysłowy (" i '), aby przedstawić strukturę treści.
Przeglądarka internetowa zazwyczaj interpretuje symbol nawiasu kątowego jako znacznik otwierający lub zamykający. Jeśli to nie jest to, co zamierzasz, może to spowodować błędy na Twojej stronie internetowej. Przykłady symboli wymagających kodu podmiotu obejmują:
- ampersand (
&) - Mniej niż (
<) - Lepszy niż (
>) - Cudzysłów (
") - Pojedynczy cytat (
')
Inne symbole, jak np symbole praw autorskich i znaków towarowych nie wymagają kodu podmiotu, ale nadal możesz go użyć, jeśli wolisz. Mogą być niewygodne do pisania lub nawet nieobsługiwane w edytorze tekstu. Niektóre przykłady obejmują:
- Znak praw autorskich (©)
- Symbol znaku towarowego (™)
- Symbol zarejestrowanego znaku towarowego (®)
Czym są jednostki nazwane i numeryczne?
Możesz reprezentować każdy symbol za pomocą numerycznego kodu jednostki, a najczęściej za pomocą nazwanej jednostki. Oto kilka przykładów:
Symbol |
Nazwany kod podmiotu |
Numeryczny kod podmiotu |
Ampersand |
& |
& |
Mniej niż |
< |
< |
Lepszy niż |
> |
> |
Cudzysłów |
" |
" |
Pojedynczy cytat |
' |
' |
Prawo autorskie |
© |
© |
Symbol znaku towarowego |
™ |
™ |
Znak zastrzeżonego znaku towarowego |
® |
® |
Użycie nazwanego lub numerycznego kodu spowoduje wyświetlenie odpowiedniego symbolu. Na przykład użycie „©” lub „©” spowoduje wyświetlenie symbolu praw autorskich.
Dodawanie emotikonów do Twojej strony internetowej
Możesz także wyświetlać emotikony za pomocą kodu podmiotu. Wszystkie emotikony mają numeryczny kod podmiotu w HTML, ale nie wszystkie mają nazwany kod podmiotu. Niektóre przykłady obejmują:
Symbol |
Numeryczny kod podmiotu |
Uśmiechnięta Twarz (😃) |
😃 |
Śmiejąca się twarz (😆) |
😆 |
Uśmiechnięta twarz z aureolą (😇) |
😇 |
Jak wstawiać symbole na stronie internetowej za pomocą kodów jednostek
Możesz wstawiać kody encji w treści strony HTML. Przeglądanie strony internetowej w przeglądarce spowoduje przekształcenie kodów w odpowiadające im symbole.
- W nowym pliku HTML dodaj podstawową strukturę strony internetowej HTML:
HTML>
<HTML>
<głowa>
<tytuł>Przykład symbolu i jednostkitytuł>
<metazestaw znaków=„UTF-8”>
głowa>
<ciało>
ciało>
HTML> - Wewnątrz tagu body dodaj trochę treści HTML. Dołącz nazwany lub numeryczny kod jednostki dla symbolu, który chcesz wyświetlić:
<h1>Symbole HTMLh1>
<P>Znak praw autorskich: ©P>
<P>Znak ampersanda: &P>
<P>Symbol znaku towarowego: ™P>
<P>Uśmiechnięta twarz: 😃P> - Otwórz plik HTML w przeglądarce internetowej, aby wyświetlić odpowiednie symbole:
Używanie specjalnych lub zastrzeżonych symboli HTML w Twojej witrynie
Teraz, gdy wiesz, jak dodawać symbole do swojej strony internetowej HTML, możesz odkrywać inne interesujące treści, które możesz dodać, aby Twoja witryna była bardziej atrakcyjna.