Kod HTML dla popularnych symboli

click fraud protection

HTML używa specjalnych kodów do obsługi treści dla typowych symboli, których nie ma na klawiaturach, a także w sytuacje, w których sam symbol służy podwójnemu celowi w HTML jako zarówno znak kontrolny, jak i wyświetlacz postać.

Aby dodać literę, cyfrę lub symbol specjalny do wyświetlanego tekstu strony internetowej, użyj numeru HTML lub nazwy HTML symbolu.

Na przykład jeden sposób wyświetlania tekstu ¡Buenos dias! przy użyciu kodów HTML to:

¡Buenos dias 

Takie podejście nie jest łatwo przeanalizowane przez ludzkie oczy w dokumencie źródłowym HTML, ale masz gwarancję, że wynik będzie poprawnie renderowany na stronie, podczas gdy samo wklejenie już sformatowanego tekstu może nie.

Zauważ, że te kody zaczynają się od znaku ampersand? W ściśle zgodnym HTML, zamiast pisać coś takiego Jane lubi łóżko i śniadanie? zamiast tego napiszesz:

Jane lubi łóżko i śniadanie?

lub.

Jane lubi łóżko i śniadanie?

Ta praktyka pozwala uniknąć nieporozumień związanych z użyciem nieprzetworzonego znaku & w dokumencie HTML.

instagram viewer

W poniższych tabelach zobaczysz, że każdy wpis zawiera numer HTML, a podzbiór zawiera nazwę HTML. Działa albo nazwisko, albo numer. Niektóre powszechnie używane symbole używają łatwiejszej do zapamiętania nazwy, aby ułatwić tworzenie HTML — zapamiętywanie & jest łatwiejsze dla większości twórców stron internetowych niż zapamiętywanie &.

Kody HTML dla symboli i znaków interpunkcyjnych

Najczęściej używane kody HTML odnoszą się do symboli i interpunkcji:

Symbol Numer HTML Nazwa HTML Nazwa zwyczajowa
przestrzeń
! ! wykrzyknik
" " " podwójne cudzysłowy
# # znak liczbowy
$ $ znak dolara
% % znak procentu
& & & ampersand
' ' pojedynczy cytat
( ( nawias otwierający
) ) nawias zamykający
* * gwiazdka
+ + znak plusa
, , przecinek
- - znak minus - myślnik
. . Kropka
/ / ciąć
: : dwukropek
; ; średnik
< < < mniej niż znak
= = znak równości
> > > większe niż znak
? ? znak zapytania
@ @ w symbolu
[ [ otwierający wspornik
\ \ ukośnik wsteczny
] ] nawias zamykający
^ ^ daszek - daszkiem
_ _ podkreślać
` ` akcent grobowy
{ { klamra otwierająca
| | pionowy pasek
} } klamra zamykająca
~ ~ znak równoważności - tylda
niezniszczalna przestrzeń
¡ ¡ ¡ odwrócony wykrzyknik
¢ ¢ ¢ znak centa
£ £ £ znak funta
¤ ¤ ¤ znak waluty
¥ ¥ ¥ znak jena
¦ ¦ ¦ złamany pionowy pasek
§ § § znak sekcji
¨ ¨ ¨ diereza odstępowa - umlaut
© © © znak praw autorskich
ª ª ª żeński wskaźnik porządkowy
« « « lewe cudzysłowy z podwójnym kątem
¬ ¬ ¬ nie podpisuj
­ ­ ­ miękki łącznik
® ® ® zarejestrowany znak towarowy mark
¯ ¯ ¯ odstępy makron - overline
° ° ° znak stopnia
± ± ± znak plus-minus
² ² ² indeks górny dwa - do kwadratu
³ ³ ³ indeks górny trzy - w sześcianie
´ ´ ´ akcent ostry - odstępy ostre
µ µ µ mikroznak
znak pilcrow - znak akapitu
· · · środkowa kropka - przecinek gruziński
¸ ¸ ¸ odstępy cedilla
¹ ¹ ¹ indeks górny jeden
º º º męski wskaźnik porządkowy
» » » cudzysłowy z podwójnym kątem prostym!
¼ ¼ ¼ ułamek jedna czwarta
½ ½ ½ ułamek połowa
¾ ¾ ¾ ułamek trzy czwarte
¿ ¿ ¿ odwrócony znak zapytania
× × × znak mnożenia
÷ ÷ ÷ znak podziału

Kody HTML dla cyfr

HTML obsługuje kody dla większości popularnych symboli łacińskich, w tym cyfr i liter. Użyj kodu HTML jako liczby, gdy wyświetlasz liczbę jako liczbę na stronie, a nie część formuły.

Symbol Numer HTML Nazwa HTML Nazwa zwyczajowa
0 0 zero
1 1 jeden
2 2 dwa
3 3 trzy
4 4 cztery
5 5 pięć
6 6 sześć
7 7 siedem
8 8 osiem
9 9 dziewięć

Kody HTML dla nieakcentowanych liter

Standardowe wielkie i małe litery są również odwzorowywane na liczby HTML i można ich używać w podobnych okolicznościach, jak w przypadku cyfr.

List Numer HTML
ZA ZA
b b
do do
re re
mi mi
fa fa
sol sol
H H
ja ja
jot jot
K K
L L
M M
N N
O O
P P
Q Q
R R
S S
T T
U U
V V
W W
X X
Tak Tak
Z Z
za za
b b
do do
re re
mi mi
fa fa
sol sol
h h
ja ja
jot jot
k k
ja ja
m m
nie nie
o o
p p
q q
r r
s s
t t
ty ty
v v
w w
x x
tak tak
z z

Kody HTML dla liter z akcentami

Kody liter akcentowanych są bardziej przydatne, ponieważ nie ma gwarancji, że osadzenie rzeczywistego symbolu na stronie będzie wyświetlane poprawnie. Ponieważ kod źródłowy HTML jest analizowany przez przeglądarkę przed wyświetleniem, a poszczególne osoby przeglądające stronę internetową mogą używać różnych czcionek i schematów kodowania w zależności od domyślnego języka przeglądarki, najlepszym sposobem zapewnienia dokładnego odwzorowania tych akcentowanych liter jest poleganie na numerze HTML lub HTML Nazwa.

Symbol Numer HTML Nazwa HTML Nazwa zwyczajowa
À À À łacińska wielka litera A z grobem
Á Á Á łacińska wielka litera A z ostrym
   łacińska wielka litera A z daszkiem
à à à łacińska wielka litera A z tyldą
Ä Ä Ä łacińska wielka litera A z dierezą
Å Å Å łacińska wielka litera A z pierścieniem powyżej
Æ Æ Æ łacińska wielka litera AE
Ç Ç Ç łacińska wielka litera C z cedillą
È È È łacińska wielka litera E z grobem
É É É łacińska wielka litera E z ostrym
Ê Ê Ê łacińska wielka litera E z daszkiem
Ë Ë Ë łacińska wielka litera E z dierezą
Ì Ì Ì łacińska wielka litera I z grobem
Í Í Í łacińska wielka litera I z ostrym
Î Î Î łacińska wielka litera I z daszkiem
Ï Ï Ï łacińska wielka litera I z dierezą
Ð Ð Ð łacińska wielka litera ETH
Ñ Ñ Ñ łacińska wielka litera N z tyldą
Ò Ò Ò łacińska wielka litera O z grobem
Ó Ó Ó łacińska wielka litera O z ostrym
Ô Ô Ô łacińska wielka litera O z daszkiem
Õ Õ Õ łacińska wielka litera O z tyldą
Ö Ö Ö łacińska wielka litera O z dierezą
Ø Ø Ø łacińska wielka litera O z ukośnikiem
Ù Ù Ù łacińska wielka litera U z grobem
Ú Ú Ú łacińska wielka litera U z ostrym
Û Û Û łacińska wielka litera U z daszkiem
Ü Ü Ü łacińska wielka litera U z dierezą
Ý Ý Ý łacińska wielka litera Y z ostrym
Þ Þ Þ łacińska wielka litera THORN
ß ß ß łacińska mała litera ostra s - ess-zed
à à à łacińska mała litera a z grobem
á á á łacińska mała litera a z ostrym
â â â łacińska mała litera a z daszkiem
ã ã ã łacińska mała litera a z tyldą
ä ä ä łacińska mała litera a z dierezą
å å å łacińska mała litera a z pierścieniem powyżej
æ æ æ łacińska mała litera ae
ç ç ç łacińska mała litera c z cedillą
è è è łacińska mała litera e z grobem
é é é łacińska mała litera e z ostrym
ê ê ê łacińska mała litera e z daszkiem
ë ë ë łacińska mała litera e z dierezą
ì ì ì łacińska mała litera i z grobem
í í í łacińska mała litera i z ostrym
î î î łacińska mała litera i z daszkiem
ï ï ï łacińska mała litera i z dierezą
ð ð ð łacińska mała litera eth
ñ ñ ñ łacińska mała litera n z tyldą
ò ò ò łacińska mała litera o z grobem
ó ó ó łacińska mała litera o z ostrym
ô ô ô łacińska mała litera o z daszkiem
õ õ õ łacińska mała litera o z tyldą
ö ö ö łacińska mała litera o z dierezą
ø ø ø łacińska mała litera o z ukośnikiem
ù ù ù łacińska mała litera u z grobem
ú ú ú łacińska mała litera u z ostrym
û û û łacińska mała litera u z daszkiem
ü ü ü łacińska mała litera u z dierezą
ý ý ý łacińska mała litera y z ostrym
þ þ þ łacińska mała litera cierń
ÿ ÿ ÿ łacińska mała litera y z dierezą
Œ Œ łacińska wielka litera OE
œ œ łacińska mała litera oe
Š Š łacińska wielka litera S z caron
š š łacińska mała litera s z caron
Ÿ Ÿ łacińska wielka litera Y z dierezą
ƒ ƒ łacińska mała f z haczykiem - funkcja
instagram story viewer