SdevLab – Dica de Desenvolvimento | Como receber dados de um formulário na codificação UTF8 em PHP

Fala Galera!

Segue mais uma dica rápida sobre codificação de caracteres.

Como receber dados de um formulário na codificação UTF8 em PHP

Tem uma manha de pegar os dados de um formulário que estão no padrão UTF-8 e passa-los para o ISO-8859-1.

$campo= utf8_decode($_POST['campo']);

Para fazer o contrário, ou seja, passar de ISO-8859-1 para UTF-8, use a função utf8_encode() como no exemplo abaixo:

$campo= utf8_encode($_POST['campo']);

Até a próxima!
😉

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 – Dica de Desenvolvimento | UTF-8 e Codificação de Caracteres

Eae galera!

O post de hoje é uma dica para quem está trabalhando com tecnologias web. Muitas vezes enquanto estamos desenvolvendo alguma coisa que será testada no navegador, não é difícil nos deparamos com alguns caracteres estranhos, e este é o assunto do post de hoje.

Boa Leitura!

UTF-8 e Codificação de Caracteres

Imagine a seguinte situação: você escreve uma página php & html e publica a mesma em um servidor. Ao abrir a página você vê algo parecido com a imagem abaixo:

Porque isto acontece? Simples, existe um assunto que todo desenvolvedor deveria saber pelo menos o mínimo que é a codificação de caracteres.
A codificação garante que uma página escrita num conjunto de caracteres específico mantenha suas características.

Primeiro, para descobrir qual codificação seu navegador usa clique no menu Exibir>Codificação, como na imagem abaixo:

Veja que no exemplo o meu navegador está configurado para exibir codificação utf-8, mas meu arquivo (da imagem 1 deste post) não utilizava a mesma codificação, por isso a página aparecia com um caracter estranho e não conseguia apresentar o acento circunflexo do Alô.

Para resolver o problema, existem 2 soluções, a primeira é abrir seu arquivo pelo Bloco de Notas e mudar o padrão de codificação, como na imagem abaixo:

A segunda maneira é inserir uma metatag logo abaixo da seção head do arquivo html, como no exemplo abaixo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Veja que em ambas opções só mudamos do padrão ANSI para UTF-8, mas a opção do código é mais garantida. Se ela for usada deve ser a primeira coisa a vir na seção head, porque o navegador reinicia o carregamento da página ao encontrá-la.

NOTA: Se você ficar em dúvida em qual padrão usar, escolha o UTF-8 porque com ele você pode escrever os códigos usando acentos normalmente. Se você conhece bem as entidades html, não se preocupe!

Para quem quiser saber mais sobre codificação de caracteres, eu sugiro esta página, que foi minha fonte de consulta. Nela tem um artigo completo sobre o assunto.

Até a próxima!