Caracteres Especiales en HTML

Ramiro Javier Chuquimia Ticona by Ramiro Javier Chuquimia Ticona
Published in HTML

Los caracteres especiales son aquellos que no se encuentran por defecto en el juego de caracteres que el navegador interpreta, ya sea por el idioma o la codificación.

Los caracteres que son mas frecuentes, son las vocales con acento y la famosa ñ.
Para poder desplegar un caracter especial podemos hacerlo escribiendo en el codigo fuente HTML, ya sea el código de Nombre o el código de Número


Ej. Código de Nombre
la estructura del caracter especial es: & (ampersand) + Nombre + ; (punto y coma al final)
es decir si queremos mostrar una a con acento "á" tendremos que escribir á
o si queremos mostrar una "ñ" tendremos que escribir ñ

Ej. Código de Número
la estructura del caracter especial es similar a la del Código de Nombre: & (ampersand) + # (Numeral) + Número + ; (punto y coma al final)
es decir si queremos mostrar una a con acento "á" tendremos que escribir á
o si queremos mostrar una "ñ" tendremos que escribir ñ

Sugerencia:
Una utilidad practica de estos caracteres especiales, podría ser armar una función de encriptación de caracteres, si deseamos que nuestro código no sea de fácil legibilidad, pues nos ayudará un poco a protegerlo para no sea copiado tan facilmente, evidentemente si se hace la función inversa, si se podrá obtener todo el código sin mucho problema, pero ahi viene el juego de combinar codigos de nombre + codigos de numero + codigos con ascii y dejar volar su imaginación. 

A continuación presentamos una tablita, que nos parecio muy completa, espero les sirva.

ASCII   HTML HTML  
Dec Hex Símbolo Numero Nombre Descripción
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
20
21
22
23
24
25
26
27
28
29
2A
2B
2C
2D
2E
2F

!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
 
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/


"



&







espacio
signo de cierre de exclamación / admiración
comillas dobles
signo de número
signo de dólar
signo de porcentaje
signo "&" / ampersand
comilla / apóstrofe
paréntesis izquierdo
paréntesis derecho
asterisco
signo de más / adición
coma
signo de menos / sustracción / guíon / raya
punto
barra oblicua - barra de división
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
30
31
32
33
34
35
36
37
38
39
3A
3B
3C
3D
3E
3F
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
&#48;
&#49;
&#50;
&#51;
&#52;
&#53;
&#54;
&#55;
&#56;
&#57;
&#58;
&#59;
&#60;
&#61;
&#62;
&#63;












&lt;

&gt;
cero
uno
dos
tres
cuatro
cinco
seis
siete
ocho
nueve
dos puntos
punto y coma
signo de menor que
signo de igual
signo de mayor que
signo de interrogación - cierre
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
40
41
42
43
44
45
46
47
48
49
4A
4B
4C
4D
4E
4F
@
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
&#64;
&#65;
&#66;
&#67;
&#68;
&#69;
&#70;
&#71;
&#72;
&#73;
&#74;
&#75;
&#76;
&#77;
&#78;
&#79;














símbolo arroba













80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
50
51
52
53
54
55
56
57
58
59
5A
5B
5C
5D
5E
5F
P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_
&#80;
&#81;
&#82;
&#83;
&#84;
&#85;
&#86;
&#87;
&#88;
&#89;
&#90;
&#91;
&#92;
&#93;
&#94;
&#95;

























corchete izquierdo
barra inversa
corchete derecho
signo de intercalación - acento circunflejo
signo de subrayado
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
60
61
62
63
64
65
66
67
68
69
6A
6B
6C
6D
6E
6F
`
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
&#96;
&#97;
&#98;
&#99;
&#100;
&#101;
&#102;
&#103;
&#104;
&#105;
&#106;
&#107;
&#108;
&#109;
&#110;
&#111;














acento grave













112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
70
71
72
73
74
75
76
77
78
79
7A
7B
7C
7D
7E
7F
p
q
r
s
t
u
v
w
x
y
z
{
|
}
~
&#112;
&#113;
&#114;
&#115;
&#116;
&#117;
&#118;
&#119;
&#120;
&#121;
&#122;
&#123;
&#124;
&#125;
&#126;

























llave de apertura - izquierda
barra vertical
llave de cierre - derecho
signo de equivalencia / tilde
(no definido en estándar HTML 4)
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
A0
A1
A2
A3
A4
A5
A6
A7
A8
A9
AA
AB
AC
AD
AE
AF
 
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬
­
®
¯
&#160;
&#161;
&#162;
&#163;
&#164;
&#165;
&#166;
&#167;
&#168;
&#169;
&#170;
&#171;
&#172;
&#173;
&#174;
&#175;
&nbsp;
&iexcl;
&cent;
&pound;
&curren;
&yen;
&brvbar;
&sect;
&uml;
&copy;
&ordf;
&laquo;
&not;
&shy;
&reg;
&macr;
espacio sin separación
signo de apertura de exclamación / admiración
signo de centavo
signo de Libra Esterlina
signo de divisa general
signo de yen
barra vertical partida
signo de sección
diéresis - umlaut
signo de derechos de autor - copyright
género feminino - indicador ordinal feminino
comillas anguladas de apertura
signo de no - símbolo lógico
guión débil
signo de marca registrada
macrón - raya alta
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
B0
B1
B2
B3
B4
B5
B6
B7
B8
B9
BA
BB
BC
BD
BE
BF
°
±
²
³
´
µ

·
¸
¹
º
»
¼
½
¾
¿
&#176;
&#177;
&#178;
&#179;
&#180;
&#181;
&#182;
&#183;
&#184;
&#185;
&#186;
&#187;
&#188;
&#189;
&#190;
&#191;
&deg;
&plusmn;
&sup2;
&sup3;
&acute;
&micro;
&para;
&middot;
&cedil;
&sup1;
&ordm;
&raquo;
&frac14;
&frac12;
&frac34;
&iquest;
signo de grado
signo de más o menos
superíndice dos - cuadrado
superíndice tres - cúbico
acento agudo - agudo espaciado
signo de micro
signo de fin de párrafo
punto medio - coma Georgiana
cedilla
superíndice uno
género masculino - indicador ordinal masculino
comillas anguladas de cierre
fracción un cuarto
fracción medio - mitad
fracción tres cuartos
signo de interrogación - apertura
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
C0
C1
C2
C3
C4
C5
C6
C7
C8
C9
CA
CB
CC
CD
CE
CF
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
&#192;
&#193;
&#194;
&#195;
&#196;
&#197;
&#198;
&#199;
&#200;
&#201;
&#202;
&#203;
&#204;
&#205;
&#206;
&#207;
&Agrave;
&Aacute;
&Acirc;
&Atilde;
&Auml;
&Aring;
&AElig;
&Ccedil;
&Egrave;
&Eacute;
&Ecirc;
&Euml;
&Igrave;
&Iacute;
&Icirc;
&Iuml;
A mayúscula con acento grave
A mayúscula con acento agudo
A mayúscula con acento circunflejo
A mayúscula con tilde
A mayúscula con diéresis
A mayúscula con anillo
diptongo AE mayúscula (ligadura)
C cedilla mayúscula
E mayúscula con acento grave
E mayúscula con acento agudo
E mayúscula con acento circunflejo
E mayúscula con diéresis
I mayúscula con acento grave
I mayúscula con acento agudo
I mayúscula con acento circunflejo
I mayúscula con diéresis
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
D0
D1
D2
D3
D4
D5
D6
D7
D8
D9
DA
DB
DC
DD
DE
DF
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
&#208;
&#209;
&#210;
&#211;
&#212;
&#213;
&#214;
&#215;
&#216;
&#217;
&#218;
&#219;
&#220;
&#221;
&#222;
&#223;
&ETH;
&Ntilde;
&Ograve;
&Oacute;
&Ocirc;
&Otilde;
&Ouml;
&times;
&Oslash;
&Ugrave;
&Uacute;
&Ucirc;
&Uuml;
&Yacute;
&THORN;
&szlig;
ETH islandesa mayúscula
N mayúscula con tilde - eñe mayúscula
O mayúscula con acento grave
O mayúscula con acento agudo
O mayúscula con acento circunflejo
O mayúscula con tilde
O mayúscula con diéresis
signo de multiplicación
O mayúscula with slash
U mayúscula con acento grave
U mayúscula con acento agudo
U mayúscula con acento circunflejo
U mayúscula con diéresis
Y mayúscula con acento agudo
THORN islandesa mayúscula
s minúscula (alemán) - Beta minúscula
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
E0
E1
E2
E3
E4
E5
E6
E7
E8
E9
EA
EB
EC
ED
EE
EF
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
&#224;
&#225;
&#226;
&#227;
&#228;
&#229;
&#230;
&#231;
&#232;
&#233;
&#234;
&#235;
&#236;
&#237;
&#238;
&#239;
&agrave;
&aacute;
&acirc;
&atilde;
&auml;
&aring;
&aelig;
&ccedil;
&egrave;
&eacute;
&ecirc;
&euml;
&igrave;
&iacute;
&icirc;
&iuml;
a minúscula con acento grave
a minúscula con acento agudo
a minúscula con acento circunflejo
a minúscula con tilde
a minúscula con diéresis
a minúscula con anillo
diptongo ae minúscula (ligadura)
c cedilla minúscula
e minúscula con acento grave
e minúscula con acento agudo
e minúscula con acento circunflejo
e minúscula con diéresis
i minúscula con acento grave
i minúscula con acento agudo
i minúscula con acento circunflejo
i minúscula con diéresis
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
F0
F1
F2
F3
F4
F5
F6
F7
F8
F9
FA
FB
FC
FD
FE
FF
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ
&#240;
&#241;
&#242;
&#243;
&#244;
&#245;
&#246;
&#247;
&#248;
&#249;
&#250;
&#251;
&#252;
&#253;
&#254;
&#255;
&eth;
&ntilde;
&ograve;
&oacute;
&ocirc;
&otilde;
&ouml;
&divide;
&oslash;
&ugrave;
&uacute;
&ucirc;
&uuml;
&yacute;
&thorn;
&yuml;
eth islandesa minúscula
eñe minúscula - n minúscula con tilde
o minúscula con acento grave
o minúscula con acento agudo
o minúscula con acento circunflejo
o minúscula con tilde
o minúscula con diéresis
signo de división
o barrada minúscula
u minúscula con acento grave
u minúscula con acento agudo
u minúscula con acento circunflejo
u minúscula con diéresis
y minúscula con acento agudo
thorn islandesa minúscula
y minúscula con diéresis
338
339
352
353
376
402
152
153
160
161
178
192
Œ
œ
Š
š
Ÿ
ƒ
&#338;
&#339;
&#352;
&#353;
&#376;
&#402;




OE mayúscula (ligadura)
oe minúscula (ligadura)
S mayúscula con caron
s minúscula con caron - acento hacek
Y mayúscula con diéresis
f minúscula itálica - signo de función
8211
8212
8216
8217
8218
8220
8221
8222
8224
8225
8226
8230
8240
8364
8482
2013
2014
2018
2019
201A
201C
201D
201E
2020
2021
2022
2026
2030
20AC
2122














&#8211;
&#8212;
&#8216;
&#8217;
&#8218;
&#8220;
&#8221;
&#8222;
&#8224;
&#8225;
&#8226;
&#8230;
&#8240;
&#8364;
&#8482;













&euro;
raya corta
raya larga
comilla izquierda - citación
comilla derecha - citación
comilla de citación - baja
comillas de citación - arriba izquierda
comillas de citación - arriba derecha
comillas de citación - abajo
cruz
doble cruz
viñeta - bullet
puntos suspensivos
signo de pro mil
signo de euro
signo de marca registrada - trade mark

Fuente Tabla:
http://ascii.cl/es/codigos-html.htm

 

Last modification: Vie 23 Ene 2015

Comentarios   

 
0 #47 galaxy Note 8 kılıF 14-11-2017 23:27
If there is a paid version, that will be noted.

Have a look at my web-site; galaxy Note 8 kılıF: http://Bilib.net/samsung-note-8-kilif-modelleri/
Citar
 
 
0 #46 Situs Judi Poker 26-10-2017 22:05
At this time it seems like Drupal is the bes blogging platform out there right now.

(from what I've read) Is that what you are using on your blog?



my web site Situs Judi Poker: http://Playerqq.com/
Citar
 
 
0 #45 backlink for shopify 23-10-2017 11:53
Ⅿy favorite websites offering a reverse phone lookup are Redgage (that оffers passive income
via page vieᴡs rathеr that Ad - Sense), She - Told -
Me and Xomba (despite links being No - Follow, ѕite are rapidly placed in Google).
Make sure the title of one's main page contains the keywords people can be looking
backlink for shоpify: https://www.fiverr.com/cldisplay_seo/promote-and-market-your-ecommerce-ebay-shopify-etsy-amazon-product-or-blog in the search engines.
Significance of Ԝebsite Back-links and SEOYou may be wondering
h᧐w effective websites or webpаges will be without
back-links and SEO.
Citar
 
 
0 #44 backlink for amazon 21-10-2017 22:19
But afteг employing their service I had my site around tһe
first page of Gоogle fourteen days after plaⅽing my order.

Backlinking deciding on the proper keywords should
go a lߋng way to giving you better search engine
rankings. One ѡith the most powerful advertising models is creating content which generates links.



my page :: baсklink
for amazon: https://www.fiverr.com/cldisplay_seo/create-high-quality-backlinks-for-your-website
Citar
 
 
0 #43 backlinks 16-10-2017 17:46
My faѵoгіtе websites that proviɗe tһis particular ѕervice are Redgаge (that provides passіvе income via page views гather that Ad - Sense), Ⴝhe - Told -
Me and Xomba (despite links being No - Folloѡ, the hyperⅼinks are rapidly
placed in Google). The thing here to consider is
that it would have a massive amount of tгaining so that уou can monitor individual keywords manually, hеnce the more work that οne could simplify,
the better. Significance of Website Back-links and SEOYou could bе wondering how
effective websites or websites could be without Ьack-links and SEO.



Look at my page: baⅽklinks: https://www.fiverr.com/cldisplay_seo/promote-and-market-your-ecommerce-ebay-shopify-etsy-amazon-product-or-blog
Citar
 
 
0 #42 backlink for amazon 13-10-2017 19:46
But after applying thеir service I had my site around the first
page οf Googⅼe fourteen days after placіng my ordеr.
The thіng here tߋ recollect is that it would require a maѕsive amoսnt of labor
so that you can monitor individual keywords manually, and so the moгe work that you can simplify, the better.

Quality backlinks deѵote some time and just must
be company promises one thing in a ɑd, does not
always mean it is precisely what the serviϲe will provide.


Check out my weblog - backlіnk for amazon: https://www.fiverr.com/cldisplay_seo/build-100-manual-backlinks-for-your-ebay-shopify-etsy-store
Citar
 
 
0 #41 cheap fifa points 10-09-2017 13:05
Very nice post.I јust stumbled upon your blog ɑnd wished to say tjat
I hazve really enjoyed surfing arߋund yoᥙr blog posts.
Аfter аll Ι'll bbe subscribing to yoսr rss
feed and I hope you ᴡrite again vеry soon!
Citar
 
 
0 #40 www.virsale.com 09-09-2017 15:51
Everything іѕ vedy open ᴡith a realⅼy clear explanation ⲟf
thе challenges. It was trulу informative. Υour
site is very useful. Μany thanks for sharing!
Citar
 
 
0 #39 Leather bar 15-08-2017 14:24
It's very straightforward to find out any matter on net as compared to
textbooks, as I found this post at this web site.


Look into my blog post ... Leather bar: http://fang-Sheng.net/forum/home.php?mod=space&uid=401387&do=profile
Citar
 
 
0 #38 bathroom repairing 02-08-2017 09:27
Օne fгⲟm tҺe moѕt ǥгeat ԝɑуs tο ѕtагt mаintɑіning а cᥱntгɑl аc
ѕyѕtеm in tһᥱіг Ƅᥱѕt ϲⲟnditiⲟn ѡⲟսⅼԀ Ƅе tо mақе ѕսгᥱ tо ϲontіnuе wіth tҺе
rᥱϲߋmmеndatiоns giνеn Ьʏ tɦe mаҝег fߋг ѕtrɑtеǥіеѕ ⲟn қeеpіng tҺe ɑіrflοѡ cоnstant аnd սnoЬѕtructеⅾ.
Υοᥙ աаnt tⲟ Ƅᥱ сҺоߋsіng aan aiг cߋοⅼing
reⲣaiг сⲟmраny thаt yߋᥙ feеⅼ ցօߋԀ aЬⲟut ԝߋгҝіng ѡіth foг ԛuite ѕоme tіmᥱ tօ ϲоmе.
Ԝitһ blаnket іnsսlаtіоn you օЬtain ƅɑttѕ and
rߋⅼls of fⅼeхibⅼᥱ fiƄᥱrѕ tο ⅼаүeг оn thе ɑttiϲ fⅼοօг.


Here is my weƅ page - bathroom repairing: http://sstcontracting.com/2015/06/01/3-tips-for-taking-care-of-window-air-conditioner-units/
Citar
 

Escribir un comentario


Código de seguridad
Refescar