SdevLab – Tutorial | JavaScript Caracteres Especiais

Eae Galera,

Segue neste post um tutorial básico de como utilizar caracteres especiais em JavaScript.

Boa Leitura!

ATUALIZAÇÃO (24/08/2015): Este post foi escrito com base nos tutoriais do W3C para JavaScript ECMA-262 (dei um curso de linguagens web em 2010 mais ou menos e foi deste curso que surgiu a série de posts). O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para a versão ECMAScript 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Caracteres Especiais em JavaScript

Tratamos os caracteres especiais em JavaScript de uma maneira um pouco diferente. Para inserir aspas simples ou duplas, barra, tab e outros caracteres em variáveis do tipo string ou em alerts precisamos seguir os padrões da tabela abaixo:

Código	Saída
\’	Aspas simples
\”	Aspas duplas
\\	Barra
\n	Nova linha
\r	Carrega retorno
\t	Tab
\b	Backspace
\f	Form feed

Segue um exemplo para ilustrar melhor o uso dos caracteres especiais em JavaScript:

var txt="Antes de estudar JavaScript, estudamos  \"PHP\".";

Até a próxima!
xD

Fonte: w3schools.com

SdevLab – Dica de Desenvolvimento | Tabela de Acentuação e Caracteres Especiais HTML

Eae galera!

Já passei aqui algumas tabelas de caracteres especiais, mas agora segue uma versão muito mais completa.

Tabela de Acentuação e Caracteres Especiais HTML

Caracteres Acentuados no Português

á	á	Á	Á	ã	ã	Ã	Ã
â	â	Â	Â	à	à	À	À
é	é	É	É	ê	ê	Ê	Ê
í	í	Í	Í	ó	ó	Ó	Ó
õ	õ	Õ	Õ	ô	ô	Ô	Ô
ú	ú	Ú	Ú	ü	ü	Ü	Ü
ç	ç	Ç	Ç

Caracteres Especiais

	espaço	 
&	e comercial	&
>	maior que	>
<	menor que	&lt;
ˆ	acento circunflexo	&circ;
˜	acento til	&tilde;
¨	acento trema	&uml;
´	acento agudo	&cute;
¸	cedilha	&cedil;
“	aspas duplas	&quot;
“ e ”	aspas duplas (esquerda e direita)	&ldquo; e &rdquo;
‘ e ’	aspas simples (esquerda e direita)	&lsquo; e &rsquo;
‹ e ›	aspas angulares simples (esquerda e direita)	&lsaquo; e &rsaquo;
« e »	aspas angulares duplas (esquerda e direita)	&laquo; e &raquo;
º	ordenal masculino	&ordm;
ª	ordinal feminino	&ordf;
–	travessão ‘en’	&ndash;
—	travessão ‘em’	&mdash;
­	hífen oculto	&shy;
¯	macron	&macr;
…	reticências	&hellip;
¦	barra vertical	&brvbar;
•	marcador (bullet)	&bull;
¶	parágrafo	&para;
§	parágrafo legal	&sect;
♠	espadas	&spades;
♣	paus	&clubs;
♥	copas	&hearts;
♦	ouros	&diams;

Caracteres Comerciais

©	copyright	©
®	marca registrada	&reg
™	trade mark	™
£	libra esterlina	£
¢	centavo	¢
€	euro	€
¥	iene (yen)	¥
¤	símbolo monetário	¤

Caracteres Matemáticos e Lógicos

¹	elevado a um	¹
²	ao quadrado	²
³	ao cubo	³
½	fração um meio	½
¼	fração um quarto	¼
¾	fração três quartos	¾
>	maior que	>
<	menor que	&lt;
±	mais ou menos	&plusmn;
−	sinal de subtração	&minus;
×	sinal de multiplicação	&times;
÷	sinal de divisão	&divide;
∗	asterisco	&lowast;
⁄	barra de fração	&frasl;
‰	por-mil	&permil;
∫	sinal de integral	&int;
∑	somatório	&sum;
∏	PI	&prod;
√	raiz quadrada	&radic;
∞	infinito	&infin;
≈	quase igual	&asymp;
≅	aproximadamente igual	&cong;
∝	proporcional	&prop;
≡	idêntico	&equiv;
≠	diferente	&ne;
≤	menor ou igual	&le;
≥	maior ou igual	&ge;
∴	consequentemente	&there4;
⋅	ponto	&sdot;
·	ponto do meio	&middot;
∂	diferença parcial	&part;
ℑ	parte imaginária do número	&image;
ℜ	parte real do número	&real;
′	minuto	&prime;
″	segundo	&Prime;
°	grau	&deg;
∠	ângulo	&ang;
⊥	perpendicular	&perp;
∇	nabla	&nabla;
⊕	soma direta	&oplus;
⊗	produto de vetor	&otimes;
ℵ	alef	&alefsym;
ø	produto vazio	&oslash;
Ø	produto vazio	&Oslash;
∈	elemento de/pertence a	&isin;
∉	nã é elemento de	&notin;
∩	interseção	&cap;
∪	união	&cup;
⊂	subconjunto de	&sub;
⊃	superconjunto de	&sup;
⊆	subconjunto de ou igual a	&sube;
⊇	superconjunto de ou igual a	&supe;
∃	existe	&exist;
∀	qualquer	&forall;
∅	vazio	&empty;
¬	não lógico	&not;
∧	e lógico	&and;
∨	ou lógico	&or;
↵	retorno de carro	&crarr;
← e →	setas simples	&larr; e &rarr;
↑ e ↓	setas simples	&uarr; e &darr;
↔	seta simples	&harr;
⇐ e ⇒	setas duplas	&lArr; e &hrrr;
⇑ e ⇓	setas duplas	&uArr; e &dArr;
⇔	seta dupla	&hArr;
⌈ e ⌉	teto (esquerdo e direito)	&lceil; e &rceil;
⌊ e ⌋	piso (esquerdo e direito)	&lfloor; e &rfloor;
◊	losango	&loz;

Outros Acentos e Caracteres Especiais

ñ	ñ	Ñ	Ñ	¡	¡	¿	¿
ä	ä	Ä	Ä	å	å	Å	Å
ë	ë	Ë	Ë	è	`	È	È
ï	ï	Ï	Ï	ì	ì	Ì	Ì
î	î	Î	Î
ö	ö	Ö	Ö	ò	ò	Ò	Ò
ù	ù	Ù	Ù	û	û	Û	Û
ý	ý	Ý	Ý	ÿ	ÿ	Ÿ	Ÿ
æ	æ	Æ	Æ	œ	œ	Œ	Œ
†	†	‡	‡	š	š	Š	Š
þ	þ	Þ	Þ	ð	ð	Ð	Ð
§	§	ƒ	ƒ	ß	ß	µ	µ

Caracteres Gregos

α	α	Α	Α	β	β	Β	Β
γ	γ	Γ	Γ	δ	δ	Δ	Δ
ε	ε	Ε	Ε	ζ	ζ	Ζ	Ζ
η	η	Η	Η	θ	θ	Θ	Θ
ι	ι	Ι	Ι	κ	κ	Κ	Κ
λ	λ	Λ	Λ	μ	μ	Μ	Μ
ν	ν	Ν	Ν	ξ	ξ	Ξ	Ξ
ο	ο	Ο	Ο	π	π	Π	Π
ρ	ρ	Ρ	Ρ	σ	σ	Σ	Σ
ς	ς	τ	τ	Τ	Τ	υ	υ
Υ	Υ	φ	φ	Φ	Φ	χ	χ
Χ	Χ	ψ	ψ	Ψ	Ψ	ω	ω
Ω	Ω	ϑ	ϑ	ϒ	ϒ	ϖ	ϖ

Copiei e colei deste site.
xD

SdevLab – Tutorial | Caracteres Especiais em HTML

Eae galera!
O tutorial de hoje é a sequência do tutorial anterior, que dava continuidade à uma série de tutorias sobre HTML. Se você já tem uma noção básica não faz diferença a sequência, porém, se você deseja aprender na ordem correta, siga para a página que direciona o aprendizado básico.
Boa leitura!

ATUALIZAÇÃO (06/08/2015): Este post foi escrito com base nos tutoriais do W3C para HTML 4.1. O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para o tutorial de HTML 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Caracteres Especiais em HTML

Alguns caracteres em html tem significados especiais, como < e > que são usados na definição das tags.
Se você estivesse fazendo uma página html sem nenhum editor visual, e um texto desta página tivesse uma expressão matemática que precisasse deste caractere ( > ), como você resolveria o problema?
Esta foi uma questão que com certeza surgiu no desenvolvimento da linguagem, porque os caracteres < e > assim como outros foram substituídos por alguns códigos que estão na tabela abaixo:

Caractere	Descrição	Nome do Caractere
	non-breaking espace	 
<	menor que	&lt;
>	maior que	&gt;
&	“ê” comercial	&amp;
“	aspas	&quot;
‘	apóstrofo	&apos;
¢	cent	&cent;
£	pound	&pound;
¥	yen	&yen;
§	seção	&sect;
©	direitos autorais	&copy;
®	marca registrada	&reg;
×	multiplicação	&times;
÷	divisão	&divide;

Explicando a tabela, na primeira coluna temos respectivamente o cacactere exibido pelo navegador, na segunda sua descrição e na colunas 3 temos o nome do caractere. Este nome é o que vamos utilizar nos códigos.

Nota: o nome dos caracteres vem divididos em 3 partes que são o caracter “e” (&), o nome do caractere e o ; (ponto e vírgula).

Para exemplificar, vamos gastar a nossa matemática no teste18.html.

<html>
   <head>
      <title>
           Teste 18
      </title>
   </head>
   <body>
      <p>
           Exemplos:
      </p>
      <p>
           5&times;5=25
           <br>
           45&gt;21
           <br>
           21&divide;3=7
      </p>
   </body>
</html>

Copie o código acima e cole no Bloco de Notas. Abra no navegador para ver o resultado!

OBS: Como já foi falado aqui na série de tutoriais, html não entende múltiplos espaços. Dar um espaço entre uma palavra e outra funciona, mas se eu quiser usar mais de um espaço um caracter especial deve ser utilizado, o &nbsp;

Este foi o tutorial de caracteres especiais, que foi mais uma referência do que um tutorial.
Até a próxima!

xD

Os códigos deste post estão disponíveis em:
https://github.com/jonasvm/sdevlab-cursos/tree/master/sdevlab-html41
Contribua!

Fonte de pesquisa: w3schools.com/html