Conjuntos de caracteres HTML
Índice-
Conjuntos de caracteres em HTML
Aqui estamos discutindo conjuntos de caracteres Ref . O conjunto de caracteres padrão do HTML5 é UTF-8.
No navegador, alfabetos, números e alguns outros símbolos aparecem corretamente. Tudo isso é acessível pelo conjunto de caracteres que um navegador da Web deve suportar. Na Internet, existem diferentes padrões de codificação de caracteres que alocam números aos conjuntos de caracteres usados no conjunto de caracteres.
- ASCII: Dados de texto na internet e em computadores são codificados com ASCII (American Standard Code for Information Interchange). Entre os 128 códigos alfabéticos, numéricos e de controle usados em dados codificados em ASCII, existem 128 valores únicos.
- ANSI(Windows-1252): Uma codificação de caracteres criada pelo American National Standards Institute (ANSI) suporta 256 caracteres. O Microsoft Windows usa esse conjunto de caracteres por padrão.
- ISO-8859-1: HTML4 o usa como um conjunto de caracteres padrão que suporta 256 caracteres. Conjuntos de caracteres padrão para diferentes alfabetos e idiomas são definidos pela International Standard Organization (ISO). Existem números, letras maiúsculas e minúsculas e caracteres especiais nele.
- UTF-8: um ambiente multilíngue não pode usar conjuntos de caracteres ISO-8859, portanto, o Unicode Consortium desenvolveu os padrões UTF-8 e UTF-16. Existem todos os símbolos para caracteres e pontuação nele.
Aqui está como os conjuntos de caracteres são incluídos no html:
Example:
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
charset="UTF-8"
Welcome to MR EXAMPLES
Confira nossa referência completa do conjunto de caracteres HTML para uma visão detalhada.
Número | ASCII | ANSI | 8859-1 | UTF-8 | Visão geral |
---|---|---|---|---|---|
32 | espaço | ||||
33 | ! | ! | ! | ! | ponto de exclamação |
34 | “ | “ | “ | “ | Aspa |
35 | # | # | # | # | sinal numérico |
36 | $ | $ | $ | $ | cifrão |
37 | % | % | % | % | sinal de porcentagem |
38 | & | & | & | & | e comercial |
39 | ' | ' | ' | ' | apóstrofo |
40 | ( | ( | ( | ( | parêntese esquerdo |
41 | ) | ) | ) | ) | parêntese direito |
42 | * | * | * | * | asterisco |
43 | + | + | + | + | sinal de mais |
44 | , | , | , | , | vírgula |
45 | – | – | – | – | hífen menos |
46 | . | . | . | . | ponto final |
47 | / | / | / | / | sólido |
48 | 0 | 0 | 0 | 0 | dígito zero |
49 | 1 | 1 | 1 | 1 | dígito um |
50 | 2 | 2 | 2 | 2 | dígito dois |
51 | 3 | 3 | 3 | 3 | dígito três |
52 | 4 | 4 | 4 | 4 | dígito quatro |
53 | 5 | 5 | 5 | 5 | dígito cinco |
54 | 6 | 6 | 6 | 6 | dígito seis |
55 | 7 | 7 | 7 | 7 | dígito sete |
56 | 8 | 8 | 8 | 8 | dígito oito |
57 | 9 | 9 | 9 | 9 | dígito nove |
58 | : | : | : | : | cólon |
59 | ; | ; | ; | ; | ponto e vírgula |
60 | < | < | < | < | sinal de menos |
61 | = | = | = | = | sinal de igual |
62 | > | > | > | > | sinal de maior que |
63 | ? | ? | ? | ? | ponto de interrogação |
64 | @ | @ | @ | @ | comercial em |
65 | A | A | A | A | Letra maiúscula latina A |
66 | B | B | B | B | Letra latina maiúscula B |
67 | C | C | C | C | Letra C maiúscula latina |
68 | D | D | D | D | Letra D maiúscula latina |
69 | E | E | E | E | Letra latina E maiúscula |
70 | F | F | F | F | Letra F maiúscula latina |
71 | G | G | G | G | letra maiúscula latina G |
72 | H | H | H | H | Letra maiúscula latina H |
73 | EU | EU | EU | EU | letra maiúscula latina I |
74 | J | J | J | J | Letra latina J maiúscula |
75 | k | k | k | k | Letra maiúscula latina K |
76 | eu | eu | eu | eu | Letra maiúscula latina L |
77 | M | M | M | M | letra maiúscula latina M |
78 | N | N | N | N | Letra latina N maiúscula |
79 | O | O | O | O | letra maiúscula latina O |
80 | P | P | P | P | Letra P maiúscula latina |
81 | Q | Q | Q | Q | letra Q maiúscula latina |
82 | R | R | R | R | Letra latina R maiúscula |
83 | S | S | S | S | Letra S maiúscula latina |
84 | T | T | T | T | letra maiúscula latina T |
85 | você | você | você | você | Letra latina U maiúscula |
86 | V | V | V | V | Letra maiúscula latina V |
87 | C | C | C | C | letra maiúscula latina W |
88 | x | x | x | x | Letra maiúscula latina X |
89 | Y | Y | Y | Y | Letra latina Y maiúscula |
90 | Z | Z | Z | Z | Letra maiúscula latina Z |
91 | [ | [ | [ | [ | colchete esquerdo |
92 | \ | \ | \ | \ | solidus reverso |
93 | ] | ] | ] | ] | colchete direito |
94 | ^ | ^ | ^ | ^ | acento circunflexo |
95 | _ | _ | _ | _ | linha baixa |
96 | ` | ` | ` | ` | acento grave |
97 | a | a | a | a | Letra minúscula latina a |
98 | b | b | b | b | letra minúscula latina b |
99 | c | c | c | c | letra minúscula latina c |
100 | d | d | d | d | letra d minúscula latina |
101 | e | e | e | e | letra latina e |
102 | f | f | f | f | letra minúscula latina f |
103 | g | g | g | g | letra minúscula latina g |
104 | h | h | h | h | letra minúscula latina h |
105 | eu | eu | eu | eu | letra minúscula latina i |
106 | j | j | j | j | letra minúscula latina j |
107 | k | k | k | k | letra minúscula latina k |
108 | eu | eu | eu | eu | letra minúscula latina l |
109 | m | m | m | m | letra minúscula latina m |
110 | n | n | n | n | letra minúscula latina n |
111 | o | o | o | o | letra minúscula latina o |
112 | p | p | p | p | Letra p minúscula latina |
113 | q | q | q | q | letra minúscula latina q |
114 | r | r | r | r | letra latina minúscula r |
115 | s | s | s | s | letra minúscula s |
116 | t | t | t | t | letra minúscula latina t |
117 | você | você | você | você | letra latina minúscula u |
118 | v | v | v | v | letra minúscula latina v |
119 | c | c | c | c | letra minúscula latina w |
120 | x | x | x | x | letra minúscula latina x |
121 | y | y | y | y | letra minúscula latina y |
122 | z | z | z | z | letra minúscula latina z |
123 | { | { | { | { | colchete esquerdo |
124 | | | | | | | | | Linha vertical |
125 | } | } | } | } | colchete direito |
126 | ~ | ~ | ~ | ~ | til |
127 | DEL | ||||
128 | € | sinal de euro | |||
129 | | | | NÃO USADO | |
130 | ‚ | aspas simples de baixo 9 | |||
131 | ƒ | Letra latina f minúscula com gancho | |||
132 | „ | aspas duplas de baixo 9 | |||
133 | … | reticências horizontais | |||
134 | † | punhal | |||
135 | ‡ | punhal duplo | |||
136 | ˆ | letra modificadora acento circunflexo | |||
137 | ‰ | sinal por mil | |||
138 | Š | Letra S maiúscula latina com caron | |||
139 | ‹ | aspas simples de ângulo apontando para a esquerda | |||
140 | Œ | Ligadura maiúscula latina OE | |||
141 | | | | NÃO USADO | |
142 | Ž | Letra maiúscula latina Z com caron | |||
143 | | | | NÃO USADO | |
144 | | | | NÃO USADO | |
145 | ' | aspas simples esquerda | |||
146 | ' | aspas simples direita | |||
147 | “ | aspas duplas esquerdas | |||
148 | ” | aspas duplas direitas | |||
149 | • | bala | |||
150 | – | travessão | |||
151 | — | travessão | |||
152 | ˜ | pequeno til | |||
153 | ™ | sinal de marca registrada | |||
154 | š | Letra latina minúscula s com caron | |||
155 | › | aspas simples de ângulo apontando para a direita | |||
156 | œ | ligadura pequena latina oe | |||
157 | | | | NÃO USADO | |
158 | ž | Letra minúscula latina z com caron | |||
159 | Ÿ | Letra maiúscula latina Y com trema | |||
160 | espaço sem pausa | ||||
161 | ¡ | ¡ | ¡ | ponto de exclamação invertido | |
162 | ¢ | ¢ | ¢ | sinal de centavo | |
163 | £ | £ | £ | sinal de libra | |
164 | ¤ | ¤ | ¤ | sinal de moeda | |
165 | ¥ | ¥ | ¥ | sinal de iene | |
166 | ¦ | ¦ | ¦ | barra quebrada | |
167 | § | § | § | sinal de seção | |
168 | ¨ | ¨ | ¨ | trema | |
169 | © | © | © | sinal de direitos autorais | |
170 | ª | ª | ª | indicador ordinal feminino | |
171 | « | « | « | aspas de ângulo duplo apontando para a esquerda | |
172 | ¬ | ¬ | ¬ | não assine | |
173 | | | | hífen suave | |
174 | ® | ® | ® | sinal registrado | |
175 | ¯ | ¯ | ¯ | macron | |
176 | ° | ° | ° | sinal de grau | |
177 | ± | ± | ± | sinal de mais-menos | |
178 | ² | ² | ² | sobrescrito dois | |
179 | ³ | ³ | ³ | sobrescrito três | |
180 | ´ | ´ | ´ | acento agudo | |
181 | µ | µ | µ | micro sinal | |
182 | ¶ | ¶ | ¶ | sinal de travesseiro | |
183 | · | · | · | ponto do meio | |
184 | ¸ | ¸ | ¸ | cedilha | |
185 | ¹ | ¹ | ¹ | um sobrescrito | |
186 | º | º | º | indicador ordinal masculino | |
187 | » | » | » | aspas de ângulo duplo apontando para a direita | |
188 | ¼ | ¼ | ¼ | fração vulgar um quarto | |
189 | ½ | ½ | ½ | fração vulgar metade | |
190 | ¾ | ¾ | ¾ | fração vulgar três quartos | |
191 | ¿ | ¿ | ¿ | ponto de interrogação invertido | |
192 | A | A | A | Letra maiúscula latina A com sepultura | |
193 | A | A | A | Letra maiúscula latina A com agudo | |
194 | A | A | A | Letra maiúscula latina A com circunflexo | |
195 | A | A | A | Letra maiúscula latina A com til | |
196 | A | A | A | Letra maiúscula latina A com trema | |
197 | A | A | A | Letra maiúscula latina A com anel acima | |
198 | Æ | Æ | Æ | Letra maiúscula latina AE | |
199 | Ç | Ç | Ç | Letra maiúscula latina C com cedilha | |
200 | È | È | È | Letra maiúscula latina E com sepultura | |
201 | É | É | É | Letra maiúscula latina E com agudo | |
202 | Ê | Ê | Ê | Letra maiúscula latina E com circunflexo | |
203 | Ë | Ë | Ë | Letra maiúscula latina E com trema | |
204 | EU | EU | EU | Letra maiúscula latina I com sepultura | |
205 | EU | EU | EU | Letra maiúscula latina I com agudo | |
206 | EU | EU | EU | Letra maiúscula latina I com circunflexo | |
207 | EU | EU | EU | Letra maiúscula latina I com trema | |
208 | Ð | Ð | Ð | Letra maiúscula latina Eth | |
209 | Ñ | Ñ | Ñ | Letra maiúscula latina N com til | |
210 | Ò | Ò | Ò | Letra maiúscula latina O com sepultura | |
211 | Ó | Ó | Ó | Letra maiúscula latina O com agudo | |
212 | Ô | Ô | Ô | Letra maiúscula latina O com circunflexo | |
213 | Õ | Õ | Õ | Letra maiúscula latina O com til | |
214 | Ö | Ö | Ö | Letra maiúscula latina O com trema | |
215 | × | × | × | sinal de multiplicação | |
216 | Ø | Ø | Ø | Letra maiúscula latina O com traço | |
217 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com sepultura | |
218 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com agudo | |
219 | VOCÊ | VOCÊ | VOCÊ | U maiúsculo latino com circunflexo | |
220 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com trema | |
221 | Ý | Ý | Ý | Letra maiúscula latina Y com agudo | |
222 | º | º | º | Letra maiúscula latina Thorn | |
223 | ß | ß | ß | Letra minúscula latina sustenido s | |
224 | a | a | a | Letra minúscula latina a com sepultura | |
225 | a | a | a | Letra minúscula latina a com agudo | |
226 | a | a | a | Letra latina minúscula a com circunflexo | |
227 | a | a | a | Letra minúscula a latina com til | |
228 | a | a | a | Letra latina minúscula a com trema | |
229 | a | a | a | Letra minúscula latina a com anel acima | |
230 | æ | æ | æ | letra minúscula latina ae | |
231 | ç | ç | ç | Letra c minúscula latina com cedilha | |
232 | è | è | è | Letra minúscula latina e com sepultura | |
233 | é | é | é | Letra minúscula latina e com agudo | |
234 | ê | ê | ê | Letra minúscula latina e com circunflexo | |
235 | ë | ë | ë | Letra minúscula latina e com diaeresis | |
236 | eu | eu | eu | Letra minúscula latina i com sepultura | |
237 | eu | eu | eu | Letra minúscula latina i com agudo | |
238 | eu | eu | eu | Letra minúscula latina i com circunflexo | |
239 | eu | eu | eu | Letra minúscula latina i com diaeresis | |
240 | ð | ð | ð | letras minúsculas latinas eth | |
241 | ñ | ñ | ñ | Letra minúscula latina n com til | |
242 | ò | ò | ò | Letra minúscula latina o com sepultura | |
243 | ó | ó | ó | Letra latina minúscula o com agudo | |
244 | ô | ô | ô | Letra latina minúscula o com circunflexo | |
245 | õ | õ | õ | Letra latina o com til | |
246 | ö | ö | ö | Letra latina o com diaeresis | |
247 | ÷ | ÷ | ÷ | sinal de divisão | |
248 | ø | ø | ø | Letra latina minúscula o com traço | |
249 | você | você | você | Letra latina minúscula u com sepultura | |
250 | você | você | você | Letra latina minúscula u com agudo | |
251 | você | você | você | Letra minúscula latina com circunflexo | |
252 | você | você | você | Letra latina u com trema | |
253 | ý | ý | ý | Letra minúscula latina y com agudo | |
254 | º | º | º | Espinho de letras minúsculas latinas | |
255 | ÿ | ÿ | ÿ | Letra latina minúscula y com trema |
Conjuntos de caracteres em HTML: vantagens e limitações
A seguir estão as vantagens e limitações dos conjuntos de caracteres em HTML:
Vantagens de usar conjuntos de caracteres em HTML
- Maior suporte a idiomas: os conjuntos de caracteres permitem a representação de texto em vários idiomas, permitindo que os desenvolvedores da Web criem sites que podem ser acessados e lidos por pessoas de diversas origens linguísticas.
- Consistência na renderização: quando um conjunto de caracteres é usado, os navegadores da Web podem renderizar texto com precisão, sem erros ou formatação incorreta, proporcionando uma experiência de usuário consistente e uniforme.
- Acessibilidade: os conjuntos de caracteres podem melhorar a acessibilidade do conteúdo da Web, pois permitem o uso de caracteres especiais, símbolos e sinais diacríticos que são importantes em alguns idiomas.
- Otimização aprimorada do mecanismo de pesquisa (SEO): os conjuntos de caracteres permitem o uso de caracteres internacionais e símbolos especiais em metatags, o que pode melhorar a visibilidade e a classificação de sites nas páginas de resultados do mecanismo de pesquisa.
Limitações do uso de conjuntos de caracteres em HTML
- Problemas de compatibilidade: alguns navegadores da Web e sistemas operacionais mais antigos podem não oferecer suporte a todos os conjuntos de caracteres, o que pode resultar em erros de renderização de texto ou na exibição de caracteres "ilegíveis".
- Tamanho de arquivo aumentado: o uso de vários conjuntos de caracteres em uma página da Web pode aumentar o tamanho do arquivo, o que pode afetar negativamente os tempos de carregamento, principalmente para usuários com conexões de internet lentas.
- Vulnerabilidades de segurança: certos caracteres em conjuntos de caracteres podem ser usados para explorar vulnerabilidades de segurança, como ataques de script entre sites (XSS). Os desenvolvedores da Web precisam estar cientes dessas vulnerabilidades e tomar medidas para mitigá-las.
- Complexidade: O uso de vários conjuntos de caracteres e caracteres especiais pode aumentar a complexidade do desenvolvimento e manutenção da web, exigindo testes e validações adicionais para garantir que o site funcione corretamente em todos os cenários.
Se este artigo forneceu alguma ajuda para aumentar sua habilidade de aprendizado, compartilhe-o com seus amigos clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
+1
+1
+1
+1
+1
+1