{"id":3838,"date":"2023-06-17T09:39:55","date_gmt":"2023-06-17T12:39:55","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=3838"},"modified":"2026-10-06T17:55:27","modified_gmt":"2026-10-06T20:55:27","slug":"caracteres-especiais-acentos-html","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/","title":{"rendered":"Caracteres especiais e acentos no HTML: tabela e conversor"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">No in\u00edcio da WEB, o uso de c\u00f3digos para <strong>caracteres especiais do HTML<\/strong> era essencial at\u00e9 mesmo para inclus\u00e3o de acentos. Com a evolu\u00e7\u00e3o e ascens\u00e3o do <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/o-que-e-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML<\/a>, alguns padr\u00f5es de caracteres come\u00e7aram a ser incrementados e, assim, acentua\u00e7\u00f5es deixaram de ser um problema. Hoje em dia, a partir do metadado charset, \u00e9 poss\u00edvel incluir o padr\u00e3o a ser utilizado na p\u00e1gina. O padr\u00e3o universal da web \u00e9 o UTF-8, que permite o uso de acentos e tamb\u00e9m do cedilha, entre outros.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para incluir esse padr\u00e3o ao seu c\u00f3digo, basta acrescentar ao <code>&lt;head&gt;<\/code> a <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tags-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">tag<\/a> <code>&lt;meta&gt;<\/code> com o atributo <code>charset<\/code> e seu valor conforme o padr\u00e3o a ser utilizado.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta charset=\"utf-8\"\/&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Contudo, ainda existem algumas dificuldades na utiliza\u00e7\u00e3o de certos elementos, como os pr\u00f3prios chevrons <strong><code>&lt;&gt;<\/code><\/strong>\u2063 ou copyright <code>\u00a9<\/code>. Outro problema que voc\u00ea pode ter \u00e9 ao utilizar letras gregas ou at\u00e9 mesmo s\u00edmbolos financeiros ou matem\u00e1ticos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste tutorial, vamos explicar como funcionam as entidades do HTML para poder fazer a inclus\u00e3o dos caracteres especiais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Conversor_de_acentos_e_caracteres_especiais\" title=\"Conversor de acentos e caracteres especiais\">Conversor de acentos e caracteres especiais<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#O_que_sao_caracteres_especiais\" title=\"O que s\u00e3o caracteres especiais\">O que s\u00e3o caracteres especiais<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Utilizando_os_caracteres_especiais_e_acentos_do_HTML\" title=\"Utilizando os caracteres especiais e acentos do HTML\">Utilizando os caracteres especiais e acentos do HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#As_tres_formas_de_escrever_uma_entidade\" title=\"As tr\u00eas formas de escrever uma entidade\">As tr\u00eas formas de escrever uma entidade<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#O_que_e_espaco_que_nao_quebra\" title=\"O que \u00e9 &amp;nbsp; (espa\u00e7o que n\u00e3o quebra)\">O que \u00e9 &amp;nbsp; (espa\u00e7o que n\u00e3o quebra)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Caracteres_especiais_mais_utilizados_no_HTML\" title=\"Caracteres especiais mais utilizados no HTML\">Caracteres especiais mais utilizados no HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Setas_em_HTML\" title=\"Setas em HTML\">Setas em HTML<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Sinais_diacriticos_acentuacao_de_caracteres\" title=\"Sinais diacr\u00edticos: acentua\u00e7\u00e3o de caracteres\">Sinais diacr\u00edticos: acentua\u00e7\u00e3o de caracteres<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Caracteres_com_acento_HTML\" title=\"Caracteres com acento HTML\">Caracteres com acento HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Caracteres_especiais_para_operacoes_matematicas_e_logicas\" title=\"Caracteres especiais para opera\u00e7\u00f5es matem\u00e1ticas e l\u00f3gicas\">Caracteres especiais para opera\u00e7\u00f5es matem\u00e1ticas e l\u00f3gicas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Caracteres_especiais_para_letras_gregas\" title=\"Caracteres especiais para letras gregas\">Caracteres especiais para letras gregas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Outros_caracteres_especiais_HTML\" title=\"Outros caracteres especiais HTML\">Outros caracteres especiais HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Usando_simbolos_no_CSS\" title=\"Usando s\u00edmbolos no CSS\">Usando s\u00edmbolos no CSS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Se_o_problema_nao_estiver_no_HTML\" title=\"Se o problema n\u00e3o estiver no HTML\">Se o problema n\u00e3o estiver no HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#O_que_significa_charset\" title=\"O que significa charset?\">O que significa charset?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#O_que_significa_UTF-8\" title=\"O que significa UTF-8?\">O que significa UTF-8?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Perguntas_frequentes\" title=\"Perguntas frequentes\">Perguntas frequentes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#Conclusao\" title=\"Conclus\u00e3o\">Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conversor_de_acentos_e_caracteres_especiais\"><\/span>Conversor de acentos e caracteres especiais<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cole um texto para transformar acentos e s\u00edmbolos em entidades HTML \u2014 por nome, decimal ou hexadecimal \u2014, ou cole entidades para ver o texto de volta. A ferramenta tamb\u00e9m mostra a ficha de cada caractere especial, com o c\u00f3digo para usar no CSS.<\/p>\n\n\n\n<div class=\"hh-ent\" style=\"max-width:780px;margin:28px auto;border:1px solid #c9d6ea;border-radius:14px;padding:22px 24px;background:#f7faff;font-family:Arial,Helvetica,sans-serif;color:#16243d;font-size:15px;\">\n<div style=\"font-weight:800;font-size:19px;color:#0b3d91;margin-bottom:4px;\">Conversor de acentos e caracteres especiais para HTML<\/div>\n<p style=\"margin:0 0 12px;line-height:1.5;font-size:14.5px;\">Cole um texto para transformar acentos e s\u00edmbolos em entidades HTML \u2014 ou cole entidades para ver o texto de volta. Tudo acontece no seu navegador.<\/p>\n<div style=\"margin-bottom:10px;\"><label style=\"display:inline-block;margin:3px 16px 3px 0;\"><input type=\"radio\" name=\"hh-ent-dir\" value=\"enc\" checked> <strong>Texto \u2192 entidades<\/strong><\/label><label style=\"display:inline-block;margin:3px 16px 3px 0;\"><input type=\"radio\" name=\"hh-ent-dir\" value=\"dec\"> <strong>Entidades \u2192 texto<\/strong><\/label><\/div>\n<label for=\"hh-ent-in\" style=\"display:block;font-weight:700;margin-bottom:4px;\">Seu texto<\/label>\n<textarea id=\"hh-ent-in\" rows=\"4\" style=\"width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #9db4d6;border-radius:8px;font-family:Consolas,Menlo,monospace;font-size:14px;resize:vertical;\">Promo\u00e7\u00e3o: caf\u00e9 \u00a9 2026 \u2014 R$ 50 \u2192 5 x R$ 10<\/textarea>\n<div id=\"hh-ent-opts\" style=\"display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:14px;\">\n<label>Converter <select id=\"hh-ent-scope\" style=\"padding:6px 8px;border:1px solid #9db4d6;border-radius:6px;\"><option value=\"all\" selected>acentos, s\u00edmbolos e os caracteres do HTML<\/option><option value=\"min\">s\u00f3 o que o HTML exige: &amp;, &lt;, &gt; e aspas<\/option><\/select><\/label>\n<label>Formato <select id=\"hh-ent-fmt\" style=\"padding:6px 8px;border:1px solid #9db4d6;border-radius:6px;\"><option value=\"name\" selected>por nome, quando existir<\/option><option value=\"dec\">decimal<\/option><option value=\"hex\">hexadecimal<\/option><\/select><\/label>\n<\/div>\n<div style=\"display:flex;align-items:center;margin-top:14px;\"><span style=\"font-weight:700;\">Resultado<\/span><span id=\"hh-ent-count\" style=\"margin-left:10px;font-size:13px;color:#3a4a63;\"><\/span><\/div>\n<textarea id=\"hh-ent-out\" rows=\"4\" readonly style=\"width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;border:1px solid #9db4d6;border-radius:8px;font-family:Consolas,Menlo,monospace;font-size:14px;background:#0f172a;color:#f1f5f9;resize:vertical;\"><\/textarea>\n<div style=\"margin-top:6px;\"><button type=\"button\" id=\"hh-ent-copy\" style=\"padding:8px 16px;border:0;background:#0b3d91;color:#ffffff;border-radius:8px;cursor:pointer;font-weight:700;\">Copiar resultado<\/button> <span id=\"hh-ent-msg\" style=\"font-size:13.5px;color:#155e2c;margin-left:6px;\"><\/span><\/div>\n<div id=\"hh-ent-warn\" style=\"margin-top:8px;font-size:13.5px;\"><\/div>\n<div style=\"font-weight:800;color:#0b3d91;margin-top:16px;\">Os caracteres especiais do seu texto<\/div>\n<div id=\"hh-ent-chars\" style=\"margin-top:6px;overflow-x:auto;\"><\/div>\n<p style=\"margin:12px 0 0;font-size:12.5px;color:#3a4a63;line-height:1.5;\">Na convers\u00e3o para entidades, usa os 252 nomes do HTML 4, aceitos por todos os navegadores; na volta, reconhece as 2.231 entidades do HTML5. Resultados conferidos com a biblioteca html do Python. Fonte: homehost.com.br<\/p>\n<\/div>\n<script>(function () { var RAW=\"quot:34,amp:38,lt:60,gt:62,nbsp:160,iexcl:161,cent:162,pound:163,curren:164,yen:165,brvbar:166,sect:167,uml:168,copy:169,ordf:170,laquo:171,not:172,shy:173,reg:174,macr:175,deg:176,plusmn:177,sup2:178,sup3:179,acute:180,micro:181,para:182,middot:183,cedil:184,sup1:185,ordm:186,raquo:187,frac14:188,frac12:189,frac34:190,iquest:191,Agrave:192,Aacute:193,Acirc:194,Atilde:195,Auml:196,Aring:197,AElig:198,Ccedil:199,Egrave:200,Eacute:201,Ecirc:202,Euml:203,Igrave:204,Iacute:205,Icirc:206,Iuml:207,ETH:208,Ntilde:209,Ograve:210,Oacute:211,Ocirc:212,Otilde:213,Ouml:214,times:215,Oslash:216,Ugrave:217,Uacute:218,Ucirc:219,Uuml:220,Yacute:221,THORN:222,szlig:223,agrave:224,aacute:225,acirc:226,atilde:227,auml:228,aring:229,aelig:230,ccedil:231,egrave:232,eacute:233,ecirc:234,euml:235,igrave:236,iacute:237,icirc:238,iuml:239,eth:240,ntilde:241,ograve:242,oacute:243,ocirc:244,otilde:245,ouml:246,divide:247,oslash:248,ugrave:249,uacute:250,ucirc:251,uuml:252,yacute:253,thorn:254,yuml:255,OElig:338,oelig:339,Scaron:352,scaron:353,Yuml:376,fnof:402,circ:710,tilde:732,Alpha:913,Beta:914,Gamma:915,Delta:916,Epsilon:917,Zeta:918,Eta:919,Theta:920,Iota:921,Kappa:922,Lambda:923,Mu:924,Nu:925,Xi:926,Omicron:927,Pi:928,Rho:929,Sigma:931,Tau:932,Upsilon:933,Phi:934,Chi:935,Psi:936,Omega:937,alpha:945,beta:946,gamma:947,delta:948,epsilon:949,zeta:950,eta:951,theta:952,iota:953,kappa:954,lambda:955,mu:956,nu:957,xi:958,omicron:959,pi:960,rho:961,sigmaf:962,sigma:963,tau:964,upsilon:965,phi:966,chi:967,psi:968,omega:969,thetasym:977,upsih:978,piv:982,ensp:8194,emsp:8195,thinsp:8201,zwnj:8204,zwj:8205,lrm:8206,rlm:8207,ndash:8211,mdash:8212,lsquo:8216,rsquo:8217,sbquo:8218,ldquo:8220,rdquo:8221,bdquo:8222,dagger:8224,Dagger:8225,bull:8226,hellip:8230,permil:8240,prime:8242,Prime:8243,lsaquo:8249,rsaquo:8250,oline:8254,frasl:8260,euro:8364,image:8465,weierp:8472,real:8476,trade:8482,alefsym:8501,larr:8592,uarr:8593,rarr:8594,darr:8595,harr:8596,crarr:8629,lArr:8656,uArr:8657,rArr:8658,dArr:8659,hArr:8660,forall:8704,part:8706,exist:8707,empty:8709,nabla:8711,isin:8712,notin:8713,ni:8715,prod:8719,sum:8721,minus:8722,lowast:8727,radic:8730,prop:8733,infin:8734,ang:8736,and:8743,or:8744,cap:8745,cup:8746,int:8747,there4:8756,sim:8764,cong:8773,asymp:8776,ne:8800,equiv:8801,le:8804,ge:8805,sub:8834,sup:8835,nsub:8836,sube:8838,supe:8839,oplus:8853,otimes:8855,perp:8869,sdot:8901,lceil:8968,rceil:8969,lfloor:8970,rfloor:8971,lang:9001,rang:9002,loz:9674,spades:9824,clubs:9827,hearts:9829,diams:9830\"; var AMP=String.fromCharCode(38);var LT=String.fromCharCode(60);var GT=String.fromCharCode(62);var QU=String.fromCharCode(34);var AP=String.fromCharCode(39);var BS=String.fromCharCode(92);var NL=String.fromCharCode(10); var CP2N={};var N2CP={};var p=RAW.split(\",\");for(var i=0;i!==p.length;i++){var kv=p[i].split(\":\");CP2N[Number(kv[1])]=kv[0];N2CP[kv[0]]=Number(kv[1]);}N2CP[\"apos\"]=39; function el(id){return document.getElementById(id);} function add(par,tag,text,style){var n=document.createElement(tag);if(text){n.textContent=text;}if(style){n.setAttribute(\"style\",style);}par.appendChild(n);return n;} function chars(s){return Array.from(String(s||\"\"));} function syntax(cp){return cp===38||cp===60||cp===62||cp===34||cp===39;} function ent(cp,fmt){if(fmt===\"name\"){if(cp===39){return AMP+\"#39;\";}if(CP2N[cp]){return AMP+CP2N[cp]+\";\";}return AMP+\"#\"+cp+\";\";}if(fmt===\"hex\"){return AMP+\"#x\"+cp.toString(16).toUpperCase()+\";\";}return AMP+\"#\"+cp+\";\";} function encode(s,scope,fmt){var out=\"\";var n=0;var a=chars(s);for(var i=0;i!==a.length;i++){var ch=a[i];var cp=ch.codePointAt(0);var conv=syntax(cp)||(scope===\"all\"?Math.max(cp,127)===cp:false);if(conv){out+=ent(cp,fmt);n++;}else{out+=ch;}}return {t:out,n:n};} function decOne(x){var t=document.createElement(\"textarea\");t.innerHTML=x;return t.value;} function decode(s){s=String(s||\"\");var out=decOne(s);var n=0;var unknown=[];var i=0;while(i!==s.length){if(s.charAt(i)===AMP){var semi=s.indexOf(\";\",i);if(semi!==-1){if(Math.min(semi-i,40)===semi-i){var piece=s.slice(i,semi+1);var body=piece.slice(1,piece.length-1);var simple=body.length!==0;for(var m=0;m!==body.length;m++){if(\"#abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\".indexOf(body.charAt(m))===-1){simple=false;}}if(simple){if(decOne(piece)!==piece){n++;}else if(unknown.indexOf(body)===-1){unknown.push(body);}i=semi+1;continue;}}}}i++;}return {t:out,n:n,unknown:unknown};} function css(cp){var h=cp.toString(16).toUpperCase();while(h.length!==4){if(h.length===Math.max(h.length,4)){break;}h=\"0\"+h;}return BS+h;} function u(cp){var h=cp.toString(16).toUpperCase();while(Math.max(h.length,4)!==h.length){h=\"0\"+h;}return \"U+\"+h;} function table(text){var box=el(\"hh-ent-chars\");while(box.firstChild){box.removeChild(box.firstChild);}var a=chars(text);var seen=[];for(var i=0;i!==a.length;i++){var cp=a[i].codePointAt(0);if(syntax(cp)||Math.max(cp,127)===cp){if(seen.indexOf(cp)===-1){seen.push(cp);}}} if(seen.length===0){add(box,\"div\",\"Nenhum acento ou s\u00edmbolo no texto \u2014 s\u00f3 letras, n\u00fameros e pontua\u00e7\u00e3o comum, que n\u00e3o precisam de convers\u00e3o.\",\"font-size:13.5px;color:#3a4a63;\");return;} var t=add(box,\"table\",null,\"width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px;\");var hr=add(add(t,\"thead\"),\"tr\",null,\"background:#0b3d91;color:#ffffff;text-align:left;\");var H=[\"Caractere\",\"Unicode\",\"Por nome\",\"Decimal\",\"Hexadecimal\",\"No CSS\"];for(var h=0;h!==H.length;h++){add(hr,\"th\",H[h],\"padding:7px 9px;color:#ffffff;\");} var tb=add(t,\"tbody\");var lim=Math.min(seen.length,40);for(var r=0;r!==lim;r++){var c=seen[r];var tr=add(tb,\"tr\",null,\"background:\"+(r%2===0?\"#ffffff\":\"#f3f7fd\")+\";\");var ch=String.fromCodePoint(c);var vals=[c===160?\"(espa\u00e7o fixo)\":ch,u(c),c===39?AMP+\"apos;\":(CP2N[c]?AMP+CP2N[c]+\";\":\"\u2014\"),AMP+\"#\"+c+\";\",AMP+\"#x\"+c.toString(16).toUpperCase()+\";\",QU+css(c)+QU];for(var v=0;v!==vals.length;v++){add(tr,\"td\",vals[v],\"padding:6px 9px;border-bottom:1px solid #dbe4f2;\"+(v===0?\"font-size:18px;\":\"font-family:Consolas,Menlo,monospace;\"));}} if(seen.length!==lim){add(box,\"div\",\"Mostrando os primeiros 40 de \"+seen.length+\" caracteres especiais.\",\"font-size:13px;color:#3a4a63;margin-top:4px;\");}} function dir(){var r=document.querySelectorAll(\"input[name=hh-ent-dir]\");for(var i=0;i!==r.length;i++){if(r[i].checked){return r[i].value;}}return \"enc\";} function render(){var d=dir();el(\"hh-ent-opts\").style.display=d===\"enc\"?\"flex\":\"none\";var src=el(\"hh-ent-in\").value;var w=el(\"hh-ent-warn\");while(w.firstChild){w.removeChild(w.firstChild);} if(d===\"enc\"){var r=encode(src,el(\"hh-ent-scope\").value,el(\"hh-ent-fmt\").value);el(\"hh-ent-out\").value=r.t;el(\"hh-ent-count\").textContent=r.n===0?\"nada a converter\":r.n+(r.n===1?\" caractere convertido\":\" caracteres convertidos\");table(src); if(el(\"hh-ent-scope\").value===\"all\"){add(w,\"div\",\"Com a p\u00e1gina em UTF-8 (meta charset), acentos funcionam sem convers\u00e3o. Converter tudo s\u00f3 \u00e9 necess\u00e1rio quando o destino n\u00e3o aceita UTF-8.\",\"color:#3a4a63;\");}} else{var r2=decode(src);el(\"hh-ent-out\").value=r2.t;el(\"hh-ent-count\").textContent=r2.n===0?\"nenhuma entidade encontrada\":r2.n+(r2.n===1?\" entidade convertida\":\" entidades convertidas\");table(r2.t); if(r2.unknown.length){add(w,\"div\",\"N\u00e3o reconhecidas e mantidas como est\u00e3o: \"+r2.unknown.map(function(x){return AMP+x+\";\";}).join(\", \")+\". Confira a grafia \u2014 os nomes diferenciam mai\u00fasculas de min\u00fasculas.\",\"color:#6b3d00;font-weight:700;\");}}} function init(){var i=el(\"hh-ent-in\");if(!i){return;}if(i.getAttribute(\"data-hh-ready\")===\"1\"){return;}i.setAttribute(\"data-hh-ready\",\"1\"); i.addEventListener(\"input\",render);el(\"hh-ent-scope\").addEventListener(\"change\",render);el(\"hh-ent-fmt\").addEventListener(\"change\",render);var r=document.querySelectorAll(\"input[name=hh-ent-dir]\");for(var k=0;k!==r.length;k++){r[k].addEventListener(\"change\",function(){var out=el(\"hh-ent-out\").value;if(out!==\"\"){el(\"hh-ent-in\").value=out;}render();});} el(\"hh-ent-copy\").addEventListener(\"click\",function(){var m=el(\"hh-ent-msg\");var t=el(\"hh-ent-out\").value;var done=function(){m.textContent=\"Copiado!\";setTimeout(function(){m.textContent=\"\";},2000);};if(navigator.clipboard){if(navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done,function(){el(\"hh-ent-out\").select();m.textContent=\"Selecione e copie manualmente.\";});return;}}el(\"hh-ent-out\").select();m.textContent=\"Selecione e copie manualmente.\";});render();} if(document.readyState===\"loading\"){document.addEventListener(\"DOMContentLoaded\",init);}else{init();}  })();<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_sao_caracteres_especiais\"><\/span>O que s\u00e3o caracteres especiais<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Caracteres especiais s\u00e3o todos os que n\u00e3o s\u00e3o letras nem n\u00fameros<\/strong> \u2014 pontua\u00e7\u00e3o, s\u00edmbolos e sinais. No teclado, os mais comuns s\u00e3o:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">! @ # $ % &amp; * ( ) &#8211; _ = + [ ] { } ; : &#8216; &#8221; , . &lt; &gt; \/ ? \\ | ~ ^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9 esse grupo que as regras de senha pedem<\/strong> quando exigem &#8220;pelo menos um caractere especial&#8221;. O ponto, o h\u00edfen, o @ e o # contam. &#x26a0;&#xfe0f; <strong>Letras acentuadas, como \u00e1 e \u00e7, em geral n\u00e3o contam<\/strong> \u2014 e alguns sistemas nem as aceitam em senhas. Na d\u00favida, confira a regra do pr\u00f3prio site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Em HTML, o termo tem um sentido mais espec\u00edfico:<\/strong> s\u00e3o os caracteres que n\u00e3o podem ser digitados diretamente no c\u00f3digo \u2014 ou porque o HTML os usa como sintaxe, como <code>&lt;<\/code>, <code>&gt;<\/code> e <code>&amp;<\/code>, ou porque n\u00e3o est\u00e3o no teclado, como \u00a9 e \u2260. \u00c9 deles que o resto deste guia trata.<\/p>\n\n\n\n<h2 id=\"h-utilizando-os-caracteres-especiais-e-acentos-do-html\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilizando_os_caracteres_especiais_e_acentos_do_HTML\"><\/span>Utilizando os caracteres especiais e acentos do HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Existem diversas formas de incluir os caracteres especiais dentro do seu HTML, por\u00e9m, atualmente, a mais eficiente e pr\u00e1tica \u00e9 o uso de <strong>entities <\/strong>(entidades). As entidades permitem que utilizemos caracteres que n\u00e3o encontramos em nosso teclado. Al\u00e9m disso, esse recurso permite utilizar caracteres como os chevrons <strong><code>&lt;&gt;<\/code><\/strong>. Tamb\u00e9m nos permite utilizar acentua\u00e7\u00f5es dentro de c\u00f3digos que seguem outro padr\u00e3o de caracteres. Portanto, al\u00e9m de saber como utilizar, \u00e9 importante que o <a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/como-ser-desenvolvedor-de-software-e-ganhar-dinheiro\/\">desenvolvedor de software<\/a> tenha uma tabela desse recurso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma entidade funciona sendo chamada com o caractere <code>&amp;<\/code> (e comercial), seguido do seu nome, n\u00famero decimal ou n\u00famero hexadecimal, e finalizada com <strong>;<\/strong> (ponto e v\u00edrgula).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"As_tres_formas_de_escrever_uma_entidade\"><\/span>As tr\u00eas formas de escrever uma entidade<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Forma<\/th><th>Copyright<\/th><th>Quando usar<\/th><\/tr><\/thead><tbody><tr><td><strong>Por nome<\/strong><\/td><td><code>&amp;copy;<\/code><\/td><td>Leg\u00edvel; use sempre que existir<\/td><\/tr><tr><td><strong>Decimal<\/strong><\/td><td><code>&amp;#169;<\/code><\/td><td>Funciona para qualquer caractere Unicode<\/td><\/tr><tr><td><strong>Hexadecimal<\/strong><\/td><td><code>&amp;#xA9;<\/code><\/td><td>O mesmo, em base 16<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>As tr\u00eas produzem exatamente o mesmo \u00a9.<\/strong> O hexadecimal existe porque as tabelas Unicode listam os c\u00f3digos nesse formato \u2014 o <code>U+00A9<\/code> do copyright vira <code>&amp;#xA9;<\/code> em HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x26a0;&#xfe0f; <strong>E os nomes diferenciam mai\u00fasculas de min\u00fasculas.<\/strong> <code>&amp;Aacute;<\/code> produz <strong>\u00c1<\/strong> e <code>&amp;aacute;<\/code> produz <strong>\u00e1<\/strong> \u2014 s\u00e3o caracteres diferentes. E a maioria dos nomes s\u00f3 existe numa grafia: <code>&amp;AACUTE;<\/code> n\u00e3o funciona. H\u00e1 poucas exce\u00e7\u00f5es criadas por compatibilidade, como <code>&amp;COPY;<\/code> e <code>&amp;AMP;<\/code>, mas o padr\u00e3o \u00e9 escrever como nas tabelas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Veja o copyright aplicado numa frase:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;Todos os direitos reservados a &amp;#xA9;Copyright&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">O resultado para este exemplo \u00e9:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos os direitos reservados a \u00a9Copyright<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, podemos ainda utilizar o nome dessa entidade, que no caso \u00e9 <code>&amp;copy;<\/code> , e o resultado ser\u00e1 o mesmo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;Todos os direitos reservados a &amp;copy;Copyright&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">&#x26a0;&#xfe0f; <strong>Sempre feche com ponto e v\u00edrgula.<\/strong> Alguns navegadores toleram <code>&amp;amp<\/code> sem ele, mas o comportamento varia conforme o que vem depois \u2014 e um <code>&amp;amp<\/code> seguido de letra pode ser interpretado de forma inesperada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que j\u00e1 sabemos utilizar as entidades e como podemos inserir caracteres especiais em nosso HTML, vamos ver as principais entidades utilizadas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_espaco_que_nao_quebra\"><\/span>O que \u00e9 &amp;nbsp; (espa\u00e7o que n\u00e3o quebra)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O HTML ignora espa\u00e7os repetidos.<\/strong> Digitar cinco espa\u00e7os entre duas palavras produz s\u00f3 um na tela: o navegador junta espa\u00e7os, tabula\u00e7\u00f5es e quebras de linha num \u00fanico espa\u00e7o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O <code>&amp;nbsp;<\/code> \u2014 <em>non-breaking space<\/em> \u2014 \u00e9 um espa\u00e7o que escapa desse efeito, e tem uma segunda propriedade: <strong>n\u00e3o permite quebra de linha naquele ponto.<\/strong> Por isso ele mant\u00e9m juntas coisas que n\u00e3o devem se separar no fim da linha:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O plano custa R$&nbsp;50 e roda no Windows&nbsp;11.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Existem tamb\u00e9m espa\u00e7os mais largos:<\/strong> <code>&amp;ensp;<\/code>, com a largura de meio &#8220;M&#8221;, e <code>&amp;emsp;<\/code>, com a largura de um &#8220;M&#8221; inteiro. S\u00e3o recursos de tipografia, n\u00e3o de alinhamento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x26a0;&#xfe0f; <strong>N\u00e3o use <code>&amp;nbsp;<\/code> em sequ\u00eancia para afastar ou alinhar elementos.<\/strong> O resultado quebra no celular e dificulta a manuten\u00e7\u00e3o. Para espa\u00e7amento, o caminho \u00e9 o CSS, com <code>margin<\/code> e <code>padding<\/code> \u2014 nosso guia sobre <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/espaco-html\/\">espa\u00e7o em HTML<\/a> mostra as alternativas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 id=\"h-caracteres-especiais-mais-utilizados-no-html\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Caracteres_especiais_mais_utilizados_no_HTML\"><\/span>Caracteres especiais mais utilizados no HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Conforme \u00e9 poss\u00edvel ver na tabela abaixo, listamos os caracteres especiais que s\u00e3o mais procurados e utilizados no dia a dia do desenvolvedor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/entidades-html-mais-usadas-683x1024.png\" alt=\"Tabela de refer\u00eancia das entidades HTML mais usadas, com s\u00edmbolo, nome, entidade por nome e c\u00f3digo num\u00e9rico para copyright, marca registrada, chevrons, e comercial, aspas, euro e espa\u00e7o fixo\" class=\"wp-image-17263\" width=\"683\" height=\"1024\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/entidades-html-mais-usadas-683x1024.png 683w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/entidades-html-mais-usadas-200x300.png 200w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/entidades-html-mais-usadas-768x1152.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/entidades-html-mais-usadas.png 1024w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<div style=\"overflow-x:auto; margin:24px 0;\">\n<table style=\"width:100%; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; min-width:600px;\">\n<thead>\n<tr style=\"background-color:#1a73e8; color:#ffffff; text-align:left;\">\n<th style=\"padding:12px 14px; border:1px solid #1a73e8; text-align:center; width:80px;\">Caractere<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Nome \/ Descri\u00e7\u00e3o<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Entidade por nome<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Entidade por n\u00famero<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px; color:#999;\">\u2423<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Espa\u00e7o fixo (non-breaking space)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;nbsp;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#160;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u00a9<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Copyright<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;copy;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#169;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u00ae<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Marca registrada<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;reg;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#174;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#x2122;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Trademark<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;trade;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8482;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&lt;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Menor que (chevron)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;lt;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#60;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&gt;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Maior que (chevron)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;gt;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#62;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&amp;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">E comercial (ampersand)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;amp;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#38;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#8216;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Ap\u00f3strofo<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;apos;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#39;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#8220;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Aspas duplas<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;quot;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#34;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u00a2<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Cent<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;cent;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#162;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u00a3<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Libra<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;pound;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#163;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u00a5<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Iene<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;yen;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#165;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u20ac<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Euro<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;euro;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8364;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u2190<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Seta \u00e0 esquerda<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;larr;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8592;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u2191<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Seta para cima<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;uarr;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8593;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u2192<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Seta \u00e0 direita<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;rarr;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8594;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">\u2193<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Seta para baixo<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;darr;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#8595;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#x2660;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Naipe de espadas<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;spades;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#9824;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#x2663;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Naipe de paus<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;clubs;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#9827;<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#x2665;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Naipe de copas<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;hearts;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#9829;<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">&#x2666;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Naipe de ouros<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;diams;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#9830;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Apesar de&nbsp;existirem muitos outros caracteres que podem ser utilizados, com esta lista de caracteres especiais j\u00e1 \u00e9 poss\u00edvel resolver boa parte dos problemas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x26a0;&#xfe0f; <strong>As tabelas trazem a forma por nome e a decimal.<\/strong> Para obter o hexadecimal, converta o n\u00famero decimal para base 16 e prefixe com <code>x<\/code> \u2014 o <code>&amp;#169;<\/code> do copyright vira <code>&amp;#xA9;<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Setas_em_HTML\"><\/span>Setas em HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Seta<\/th><th>Entidade por nome<\/th><th>Entidade por n\u00famero<\/th><\/tr><\/thead><tbody><tr><td>\u2190<\/td><td><code>&amp;larr;<\/code><\/td><td><code>&amp;#8592;<\/code><\/td><\/tr><tr><td>\u2192<\/td><td><code>&amp;rarr;<\/code><\/td><td><code>&amp;#8594;<\/code><\/td><\/tr><tr><td>\u2191<\/td><td><code>&amp;uarr;<\/code><\/td><td><code>&amp;#8593;<\/code><\/td><\/tr><tr><td>\u2193<\/td><td><code>&amp;darr;<\/code><\/td><td><code>&amp;#8595;<\/code><\/td><\/tr><tr><td>&#x2194;<\/td><td><code>&amp;harr;<\/code><\/td><td><code>&amp;#8596;<\/code><\/td><\/tr><tr><td>\u21d0<\/td><td><code>&amp;lArr;<\/code><\/td><td><code>&amp;#8656;<\/code><\/td><\/tr><tr><td>\u21d2<\/td><td><code>&amp;rArr;<\/code><\/td><td><code>&amp;#8658;<\/code><\/td><\/tr><tr><td>\u21d4<\/td><td><code>&amp;hArr;<\/code><\/td><td><code>&amp;#8660;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Repare na diferen\u00e7a entre <code>&amp;rarr;<\/code> e <code>&amp;rArr;<\/code>: s\u00f3 a mai\u00fascula.<\/strong> A primeira \u00e9 a seta simples, a segunda a dupla \u2014 mais um exemplo de que os nomes das entidades diferenciam mai\u00fasculas de min\u00fasculas.<\/p>\n\n\n\n<h2 id=\"h-sinais-diacriticos-acentuacao-de-caracteres\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sinais_diacriticos_acentuacao_de_caracteres\"><\/span>Sinais diacr\u00edticos: acentua\u00e7\u00e3o de caracteres<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando se trata de incluir acentos em HTML, uma das maneiras \u00e9 pelos sinais diacr\u00edticos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Existe em Unicode a possibilidade de combinar um acento com a letra seguinte, usando caracteres chamados <strong>diacr\u00edticos combinantes<\/strong>. Na pr\u00e1tica do HTML, por\u00e9m, o caminho usual \u00e9 outro: cada letra acentuada tem sua pr\u00f3pria entidade, e \u00e9 ela que se usa. A tabela abaixo traz as combina\u00e7\u00f5es mais comuns em portugu\u00eas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Veja abaixo alguns exemplos dos mais utilizados:<\/p>\n\n\n\n<div style=\"overflow-x:auto; margin:24px 0;\">\n<table style=\"width:100%; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; min-width:640px;\">\n<thead>\n<tr style=\"background-color:#1a73e8; color:#ffffff; text-align:left;\">\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Acento<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8; text-align:center; width:70px;\">Letra<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Entidade por nome<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8;\">Entidade por n\u00famero<\/th>\n<th style=\"padding:12px 14px; border:1px solid #1a73e8; text-align:center; width:80px;\">Resultado<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Crase (grave)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">a<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;agrave;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#224;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e0<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Agudo (acute)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">a<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;aacute;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#225;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e1<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Circunflexo (circ)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">a<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;acirc;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#226;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e2<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Til (tilde)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">a<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;atilde;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#227;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e3<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Trema (uml)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">a<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;auml;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#228;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e4<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Cedilha (cedil)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">c<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;ccedil;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#231;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00e7<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Crase (grave)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">O<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;Ograve;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#210;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00d2<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Agudo (acute)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">O<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;Oacute;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#211;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00d3<\/td>\n<\/tr>\n<tr style=\"background-color:#f7fafd;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Circunflexo (circ)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">O<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;Ocirc;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#212;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00d4<\/td>\n<\/tr>\n<tr style=\"background-color:#ffffff;\">\n<td style=\"padding:11px 14px; border:1px solid #dde6ef;\">Til (tilde)<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:18px;\">O<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;Otilde;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; font-family:'Courier New', monospace;\">&amp;#213;<\/td>\n<td style=\"padding:11px 14px; border:1px solid #dde6ef; text-align:center; font-size:20px; font-weight:bold;\">\u00d5<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a name=\"top5\"><\/a><\/p>\n\n\n\n<h2 id=\"h-caracteres-com-acento-html\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Caracteres_com_acento_HTML\"><\/span>Caracteres com acento HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m da forma de acentua\u00e7\u00e3o atrav\u00e9s do sinal diacr\u00edtico, h\u00e1 tamb\u00e9m os c\u00f3digos referentes aos caracteres especiais j\u00e1 acentuados. Veja a tabela de como incluir os caracteres com acento:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><b>\u00c1<\/b><\/td><td><b>\u00e1<\/b><\/td><td><b>\u00c2<\/b><\/td><td><b>\u00e2<\/b><\/td><td><b>\u00c0<\/b><\/td><td><b>\u00e0<\/b><\/td><td><b>\u00c5<\/b><\/td><td><b>\u00e5<\/b><\/td><\/tr><tr><td>&amp;Aacute;<\/td><td>&amp;aacute;<\/td><td>&amp;Acirc;<\/td><td>&amp;acirc;<\/td><td>&amp;Agrave;<\/td><td>&amp;agrave;<\/td><td>&amp;Aring;<\/td><td>&amp;aring;<\/td><\/tr><tr><td><b>\u00c3<\/b><\/td><td><b>\u00e3<\/b><\/td><td><b>\u00c4<\/b><\/td><td><b>\u00e4<\/b><\/td><td><b>\u00c6<\/b><\/td><td><b>\u00e6<\/b><\/td><td><b>\u00c9<\/b><\/td><td><b>\u00e9<\/b><\/td><\/tr><tr><td>&amp;Atilde;<\/td><td>&amp;atilde;<\/td><td>&amp;Auml;<\/td><td>&amp;auml;<\/td><td>&amp;AElig;<\/td><td>&amp;aelig;<\/td><td>&amp;Eacute;<\/td><td>&amp;eacute;<\/td><\/tr><tr><td><b>\u00ca<\/b><\/td><td><b>\u00ea<\/b><\/td><td><b>\u00c8<\/b><\/td><td><b>\u00e8<\/b><\/td><td><b>\u00cb<\/b><\/td><td><b>\u00eb<\/b><\/td><td><b>\u00d0<\/b><\/td><td><b>\u00f0<\/b><\/td><\/tr><tr><td>&amp;Ecirc;<\/td><td>&amp;ecirc;<\/td><td>&amp;Egrave;<\/td><td>&amp;egrave;<\/td><td>&amp;Euml;<\/td><td>&amp;euml;<\/td><td>&amp;ETH;<\/td><td>&amp;eth;<\/td><\/tr><tr><td><b>\u00cd<\/b><\/td><td><b>\u00ed<\/b><\/td><td><b>\u00ce<\/b><\/td><td><b>\u00ee<\/b><\/td><td><b>\u00cc<\/b><\/td><td><b>\u00ec<\/b><\/td><td><b>\u00cf<\/b><\/td><td><b>\u00ef<\/b><\/td><\/tr><tr><td>&amp;Iacute;<\/td><td>&amp;iacute;<\/td><td>&amp;Icirc;<\/td><td>&amp;icirc;<\/td><td>&amp;Igrave;<\/td><td>&amp;igrave;<\/td><td>&amp;Iuml;<\/td><td>&amp;iuml;<\/td><\/tr><tr><td><b>\u00d3<\/b><\/td><td><b>\u00f3<\/b><\/td><td><b>\u00d4<\/b><\/td><td><b>\u00f4<\/b><\/td><td><b>\u00d2<\/b><\/td><td><b>\u00f2<\/b><\/td><td><b>\u00d8<\/b><\/td><td><b>\u00f8<\/b><\/td><\/tr><tr><td>&amp;Oacute;<\/td><td>&amp;oacute;<\/td><td>&amp;Ocirc;<\/td><td>&amp;ocirc;<\/td><td>&amp;Ograve;<\/td><td>&amp;ograve;<\/td><td>&amp;Oslash;<\/td><td>&amp;oslash;<\/td><\/tr><tr><td><b>\u00d5<\/b><\/td><td><b>\u00f5<\/b><\/td><td><b>\u00d6<\/b><\/td><td><b>\u00f6<\/b><\/td><td><b>\u00da<\/b><\/td><td><b>\u00fa<\/b><\/td><td><b>\u00db<\/b><\/td><td><b>\u00fb<\/b><\/td><\/tr><tr><td>&amp;Otilde;<\/td><td>&amp;otilde;<\/td><td>&amp;Ouml;<\/td><td>&amp;ouml;<\/td><td>&amp;Uacute;<\/td><td>&amp;uacute;<\/td><td>&amp;Ucirc;<\/td><td>&amp;ucirc;<\/td><\/tr><tr><td><b>\u00d9<\/b><\/td><td><b>\u00f9<\/b><\/td><td><b>\u00dc<\/b><\/td><td><b>\u00fc<\/b><\/td><td><b>\u00c7<\/b><\/td><td><b>\u00e7<\/b><\/td><td><b>\u00d1<\/b><\/td><td><b>\u00f1<\/b><\/td><\/tr><tr><td>&amp;Ugrave;<\/td><td>&amp;ugrave;<\/td><td>&amp;Uuml;<\/td><td>&amp;uuml;<\/td><td>&amp;Ccedil;<\/td><td>&amp;ccedil;<\/td><td>&amp;Ntilde;<\/td><td>&amp;ntilde;<\/td><\/tr><tr><td><b>\u00dd<\/b><\/td><td><b>\u00fd<\/b><\/td><td><b>\u201c<\/b><\/td><td><b>&lt;<\/b><\/td><td><b>&gt;<\/b><\/td><td><b>&amp;<\/b><\/td><td><b>\u00ae<\/b><\/td><td><b>\u00a9<\/b><\/td><\/tr><tr><td>&amp;Yacute;<\/td><td>&amp;yacute;<\/td><td>&amp;quot;<\/td><td>&amp;lt;<\/td><td>&amp;gt;<\/td><td>&amp;amp;<\/td><td>&amp;reg;<\/td><td>&amp;copy;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a name=\"top6\"><\/a><\/p>\n\n\n\n<h2 id=\"h-caracteres-especiais-para-operacoes-matematicas-e-logicas\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Caracteres_especiais_para_operacoes_matematicas_e_logicas\"><\/span>Caracteres especiais para opera\u00e7\u00f5es matem\u00e1ticas e l\u00f3gicas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando se trata de opera\u00e7\u00f5es matem\u00e1ticas ou l\u00f3gicas, h\u00e1 uma grande dificuldade em incluir as fun\u00e7\u00f5es, devido a seus in\u00fameros s\u00edmbolos existentes. A fim de exemplificar, veja abaixo a tabela contendo os principais caracteres especiais do HTML. Al\u00e9m disso, \u00e9 poss\u00edvel consultar ainda a refer\u00eancia da W3Schools, contendo todos (ou praticamente todos) os caracteres especiais para fun\u00e7\u00f5es matem\u00e1ticas e l\u00f3gicas.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\u2260<\/td><td>diferente de<\/td><td>&amp;ne;<\/td><\/tr><tr><td>\u2248<\/td><td>aproximadamente igual a<\/td><td>&amp;asymp;<\/td><\/tr><tr><td>\u2245<\/td><td>aproximadamente igual a<\/td><td>&amp;cong;<\/td><\/tr><tr><td>\u221d<\/td><td>proporcional a<\/td><td>&amp;prop;<\/td><\/tr><tr><td>\u2261<\/td><td>id\u00eantico a<\/td><td>&amp;equiv;<\/td><\/tr><tr><td>&gt;<\/td><td>maior que<\/td><td>&amp;gt;<\/td><\/tr><tr><td>&lt;<\/td><td>menor que<\/td><td>&amp;lt;<\/td><\/tr><tr><td>\u2264<\/td><td>menor ou igual<\/td><td>&amp;le;<\/td><\/tr><tr><td>\u2265<\/td><td>maior ou igual<\/td><td>&amp;ge;<\/td><\/tr><tr><td>\u00b1<\/td><td>mais ou menos<\/td><td>&amp;plusmn;<\/td><\/tr><tr><td>\u2212<\/td><td>sinal de subtra\u00e7\u00e3o<\/td><td>&amp;minus;<\/td><\/tr><tr><td>\u00d7<\/td><td>sinal de multiplica\u00e7\u00e3o<\/td><td>&amp;times;<\/td><\/tr><tr><td>\u00f7<\/td><td>sinal de divis\u00e3o<\/td><td>&amp;divide;<\/td><\/tr><tr><td>\u2217<\/td><td>asterisco<\/td><td>&amp;lowast;<\/td><\/tr><tr><td>&nbsp;\u2044<\/td><td>barra de fra\u00e7\u00e3o<\/td><td>&amp;frasl;<\/td><\/tr><tr><td>\u2030<\/td><td>por-mil<\/td><td>&amp;permil;<\/td><\/tr><tr><td>\u222b<\/td><td>sinal de integral<\/td><td>&amp;int;<\/td><\/tr><tr><td>\u2211<\/td><td>somat\u00f3rio<\/td><td>&amp;sum;<\/td><\/tr><tr><td>\u220f<\/td><td>produt\u00f3rio<\/td><td>&amp;prod;<\/td><\/tr><tr><td>\u00b5<\/td><td>Micro<\/td><td>&amp;micro;<\/td><\/tr><tr><td>\u221a<\/td><td>raiz quadrada<\/td><td>&amp;radic;<\/td><\/tr><tr><td>\u221e<\/td><td>infinito<\/td><td>&amp;infin;<\/td><\/tr><tr><td>\u2220<\/td><td>\u00e2ngulo<\/td><td>&amp;ang;<\/td><\/tr><tr><td>\u22a5<\/td><td>perpendicular<\/td><td>&amp;perp;<\/td><\/tr><tr><td>\u2032<\/td><td>minuto<\/td><td>&amp;prime;<\/td><\/tr><tr><td>\u2033<\/td><td>segundo<\/td><td>&amp;Prime;<\/td><\/tr><tr><td>\u00b0<\/td><td>grau<\/td><td>&amp;deg;<\/td><\/tr><tr><td>\u2234<\/td><td>consequentemente<\/td><td>&amp;there4;<\/td><\/tr><tr><td>\u22c5<\/td><td>ponto<\/td><td>&amp;sdot;<\/td><\/tr><tr><td>\u00b7<\/td><td>ponto do meio<\/td><td>&amp;middot;<\/td><\/tr><tr><td>\u2202<\/td><td>diferen\u00e7a parcial<\/td><td>&amp;part;<\/td><\/tr><tr><td>\u2111<\/td><td>parte imagin\u00e1ria do n\u00famero<\/td><td>&amp;image;<\/td><\/tr><tr><td>\u2135<\/td><td>alef<\/td><td>&amp;alefsym;<\/td><\/tr><tr><td>\u211c<\/td><td>parte real do n\u00famero<\/td><td>&amp;real;<\/td><\/tr><tr><td>\u2207<\/td><td>nabla<\/td><td>&amp;nabla;<\/td><\/tr><tr><td>\u2295<\/td><td>soma direta<\/td><td>&amp;oplus;<\/td><\/tr><tr><td>\u2297<\/td><td>produto tensorial<\/td><td>&amp;otimes;<\/td><\/tr><tr><td>\u2208<\/td><td>pertence a<\/td><td>&amp;isin;<\/td><\/tr><tr><td>\u2209<\/td><td>n\u00e3o pertence a<\/td><td>&amp;notin;<\/td><\/tr><tr><td>\u2229<\/td><td>interse\u00e7\u00e3o<\/td><td>&amp;cap;<\/td><\/tr><tr><td>\u222a<\/td><td>uni\u00e3o<\/td><td>&amp;cup;<\/td><\/tr><tr><td>\u2282<\/td><td>subconjunto de<\/td><td>&amp;sub;<\/td><\/tr><tr><td>\u2283<\/td><td>superconjunto de<\/td><td>&amp;sup;<\/td><\/tr><tr><td>\u2286<\/td><td>subconjunto de ou igual a<\/td><td>&amp;sube;<\/td><\/tr><tr><td>\u2287<\/td><td>superconjunto de ou igual a<\/td><td>&amp;supe;<\/td><\/tr><tr><td>\u2203<\/td><td>existe<\/td><td>&amp;exist;<\/td><\/tr><tr><td>\u2200<\/td><td>qualquer<\/td><td>&amp;forall;<\/td><\/tr><tr><td>\u2205<\/td><td>vazio<\/td><td>&amp;empty;<\/td><\/tr><tr><td>\u00ac<\/td><td>n\u00e3o\/not l\u00f3gico<\/td><td>&amp;not;<\/td><\/tr><tr><td>\u2227<\/td><td>e\/and l\u00f3gico<\/td><td>&amp;and;<\/td><\/tr><tr><td>\u2228<\/td><td>ou\/or l\u00f3gico<\/td><td>&amp;or;<\/td><\/tr><tr><td>\u25ca<\/td><td>losango<\/td><td>&amp;loz;<\/td><\/tr><tr><td>\u21b5<\/td><td>retorno\/return<\/td><td>&amp;crarr;<\/td><\/tr><tr><td>\u2308<\/td><td>teto esquerdo<\/td><td>&amp;lceil;<\/td><\/tr><tr><td>\u2309<\/td><td>teto direito<\/td><td>&amp;rceil;<\/td><\/tr><tr><td>\u230a<\/td><td>piso esquerdo<\/td><td>&amp;lfloor;<\/td><\/tr><tr><td>\u230b<\/td><td>piso direito<\/td><td>&amp;rfloor;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a name=\"top7\"><\/a><\/p>\n\n\n\n<h2 id=\"h-caracteres-especiais-para-letras-gregas\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Caracteres_especiais_para_letras_gregas\"><\/span>Caracteres especiais para letras gregas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Assim como os caracteres matem\u00e1ticos, as letras gregas s\u00e3o muito utilizadas, inclusive aliadas a opera\u00e7\u00f5es matem\u00e1ticas. Para exemplificar, temos uma lista com os caracteres especiais referente \u00e0s principais letras gregas.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Alpha<\/td><td>\u03b1<\/td><td>&amp;alpha;<\/td><td>\u0391<\/td><td>&amp;Alpha;<\/td><\/tr><tr><td>Beta<\/td><td>\u03b2<\/td><td>&amp;beta;<\/td><td>\u0392<\/td><td>&amp;Beta;<\/td><\/tr><tr><td>Gama<\/td><td>\u03b3<\/td><td>&amp;gamma;<\/td><td>\u0393<\/td><td>&amp;Gamma;<\/td><\/tr><tr><td>Delta<\/td><td>\u03b4<\/td><td>&amp;delta;<\/td><td>\u0394<\/td><td>&amp;Delta;<\/td><\/tr><tr><td>\u00c9psilon<\/td><td>\u03b5<\/td><td>&amp;epsilon;<\/td><td>\u0395<\/td><td>&amp;Epsilon;<\/td><\/tr><tr><td>Zeta<\/td><td>\u03b6<\/td><td>&amp;zeta;<\/td><td>\u0396<\/td><td>&amp;Zeta;<\/td><\/tr><tr><td>Eta<\/td><td>\u03b7<\/td><td>&amp;eta;<\/td><td>\u0397<\/td><td>&amp;Eta;<\/td><\/tr><tr><td>Theta<\/td><td>\u03b8<\/td><td>&amp;theta;<\/td><td>\u0398<\/td><td>&amp;Theta;<\/td><\/tr><tr><td>Iota<\/td><td>\u03b9<\/td><td>&amp;iota;<\/td><td>\u0399<\/td><td>&amp;Iota;<\/td><\/tr><tr><td>Kappa<\/td><td>\u03ba<\/td><td>&amp;kappa;<\/td><td>\u039a<\/td><td>&amp;Kappa;<\/td><\/tr><tr><td>L\u00e2mbda<\/td><td>\u03bb<\/td><td>&amp;lambda;<\/td><td>\u039b<\/td><td>&amp;Lambda;<\/td><\/tr><tr><td>M\u00fa<\/td><td>\u03bc<\/td><td>&amp;mu;<\/td><td>\u039c<\/td><td>&amp;Mu;<\/td><\/tr><tr><td>N\u00fa<\/td><td>\u03bd<\/td><td>&amp;nu;<\/td><td>\u039d<\/td><td>&amp;Nu;<\/td><\/tr><tr><td>Xi<\/td><td>\u03be<\/td><td>&amp;xi;<\/td><td>\u039e<\/td><td>&amp;Xi;<\/td><\/tr><tr><td>Omicron<\/td><td>\u03bf<\/td><td>&amp;omicron;<\/td><td>\u039f<\/td><td>&amp;Omicron;<\/td><\/tr><tr><td>Pi<\/td><td>\u03c0<\/td><td>&amp;pi;<\/td><td>\u03a0<\/td><td>&amp;Pi;<\/td><\/tr><tr><td>R\u00f4<\/td><td>\u03c1<\/td><td>&amp;rho;<\/td><td>\u03a1<\/td><td>&amp;Rho;<\/td><\/tr><tr><td>Sigma<\/td><td>\u03c3<\/td><td>&amp;sigma;<\/td><td>\u03a3<\/td><td>&amp;Sigma;<\/td><\/tr><tr><td>Sigma final<\/td><td>\u03c2<\/td><td>&amp;sigmaf;<\/td><td>\u03d6<\/td><td>&amp;piv;<\/td><\/tr><tr><td>Tau<\/td><td>\u03c4<\/td><td>&amp;tau;<\/td><td>\u03a4<\/td><td>&amp;Tau;<\/td><\/tr><tr><td>Upsilon<\/td><td>\u03c5<\/td><td>&amp;upsilon;<\/td><td>\u03a5<\/td><td>&amp;Upsilon;<\/td><\/tr><tr><td>Phi<\/td><td>\u03c6<\/td><td>&amp;phi;<\/td><td>\u03a6<\/td><td>&amp;Phi;<\/td><\/tr><tr><td>Chi<\/td><td>\u03c7<\/td><td>&amp;chi;<\/td><td>\u03a7<\/td><td>&amp;Chi;<\/td><\/tr><tr><td>Psi<\/td><td>\u03c8<\/td><td>&amp;psi;<\/td><td>\u03a8<\/td><td>&amp;Psi;<\/td><\/tr><tr><td>\u00d4mega<\/td><td>\u03c9<\/td><td>&amp;omega;<\/td><td>\u03a9<\/td><td>&amp;Omega;<\/td><\/tr><tr><td>Thetasym<\/td><td>\u03d1<\/td><td>&amp;thetasym;<\/td><td>\u03d2<\/td><td>&amp;upsih;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a name=\"top8\"><\/a><\/p>\n\n\n\n<h2 id=\"h-outros-caracteres-especiais-html\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Outros_caracteres_especiais_HTML\"><\/span>Outros caracteres especiais HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Com os caracteres listados nos t\u00f3picos anteriormente, j\u00e1 \u00e9 poss\u00edvel atender a quase todas as necessidades de uso desses caracteres e acentos HTML. Por\u00e9m, \u00e9 importante saber que existem diversos outros caracteres que podem ser utilizados para fins diversos. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Usando_simbolos_no_CSS\"><\/span>Usando s\u00edmbolos no CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea precisar de um s\u00edmbolo em <code>::before<\/code> ou <code>::after<\/code>, o formato \u00e9 outro \u2014 CSS n\u00e3o entende entidades HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Use a barra invertida com o c\u00f3digo hexadecimal, sem o <code>&amp;#x<\/code> e sem o ponto e v\u00edrgula:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item::before {\n      content: \"\\00A9\";\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O <code>&amp;#xA9;<\/code> do HTML vira <code>\\00A9<\/code> no CSS.<\/strong> \u00c9 o mesmo c\u00f3digo Unicode, com sintaxe diferente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x26a0;&#xfe0f; <strong>Complete com zeros at\u00e9 quatro d\u00edgitos.<\/strong> Sem isso, o navegador pode juntar o c\u00f3digo com o caractere seguinte e exibir algo errado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>E emojis funcionam pelo mesmo mecanismo.<\/strong> Eles s\u00e3o caracteres Unicode como qualquer outro: <code>&amp;#128512;<\/code> produz &#x1f600;. Mas com <code>&lt;meta charset=\"utf-8\"&gt;<\/code> declarado, voc\u00ea pode simplesmente colar o emoji no c\u00f3digo \u2014 que \u00e9 o caminho mais pr\u00e1tico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Se_o_problema_nao_estiver_no_HTML\"><\/span>Se o problema n\u00e3o estiver no HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando a p\u00e1gina j\u00e1 declara <code>&lt;meta charset=\"utf-8\"&gt;<\/code> e os acentos continuam quebrados, a origem costuma ser outra: o texto vem de um banco de dados gravado ou lido em charset diferente. Nosso guia sobre <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/mysql\/acentuacao-mysql-utf8\/\">acentua\u00e7\u00e3o quebrada no MySQL<\/a> explica os quatro pontos onde o charset \u00e9 definido e como alinh\u00e1-los.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O tipo de erro indica o lado do problema.<\/strong> Se aparece <strong>\u00c3\u00a9<\/strong> no lugar de <strong>\u00e9<\/strong> \u2014 ou <strong>\u00c3\u00a7<\/strong> no lugar de <strong>\u00e7<\/strong> \u2014, o texto est\u00e1 em UTF-8 mas est\u00e1 sendo lido como ISO-8859-1. Se aparece <strong>\ufffd<\/strong>, um losango com ponto de interroga\u00e7\u00e3o, \u00e9 o contr\u00e1rio: texto em ISO-8859-1 sendo lido como UTF-8.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_significa_charset\"><\/span>O que significa charset?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O termo &#8220;charset&#8221; \u00e9 uma abrevia\u00e7\u00e3o de &#8220;character set&#8221;, que em portugu\u00eas significa &#8220;conjunto de caracteres&#8221;. No contexto da web e da codifica\u00e7\u00e3o de texto, o charset se refere a um conjunto espec\u00edfico de caracteres que s\u00e3o usados para representar e exibir o texto em um determinado idioma ou sistema de escrita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada conjunto de caracteres possui uma codifica\u00e7\u00e3o associada, que define como os caracteres s\u00e3o representados em bits. A codifica\u00e7\u00e3o mais comum utilizada na web \u00e9 o UTF-8 (Unicode Transformation Format 8 bits), que suporta uma ampla gama de caracteres internacionais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ao definir o charset em uma p\u00e1gina HTML, voc\u00ea est\u00e1 especificando qual conjunto de caracteres est\u00e1 sendo utilizado no conte\u00fado dessa p\u00e1gina. Isso \u00e9 importante para garantir que os caracteres sejam exibidos corretamente nos navegadores e aplicativos que acessam a p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A defini\u00e7\u00e3o do charset \u00e9 feita por meio da meta tag <code>&lt;meta charset=\"charset\"&gt;<\/code> no cabe\u00e7alho da p\u00e1gina HTML, em que &#8220;charset&#8221; \u00e9 substitu\u00eddo pelo nome do conjunto de caracteres desejado, como UTF-8, ISO-8859-1, entre outros.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Portanto, o charset determina a codifica\u00e7\u00e3o de caracteres utilizada em um texto e \u00e9 crucial para garantir a correta exibi\u00e7\u00e3o e interpreta\u00e7\u00e3o do conte\u00fado, especialmente em casos envolvendo caracteres especiais, idiomas diferentes e sistemas de escrita espec\u00edficos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_significa_UTF-8\"><\/span>O que significa UTF-8?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">UTF-8 \u00e9 uma codifica\u00e7\u00e3o de caracteres que faz parte do padr\u00e3o Unicode. O termo &#8220;UTF&#8221; significa &#8220;Unicode Transformation Format&#8221;, e o n\u00famero &#8220;8&#8221; refere-se ao n\u00famero de bits usados para representar cada caractere.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O Unicode \u00e9 um padr\u00e3o internacional que atribui um n\u00famero \u00fanico (chamado c\u00f3digo) para cada caractere de quase todos os sistemas de escrita conhecidos no mundo. Ele permite a representa\u00e7\u00e3o de uma ampla gama de caracteres, incluindo caracteres alfab\u00e9ticos, num\u00e9ricos, s\u00edmbolos e caracteres especiais de diferentes idiomas e sistemas de escrita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O UTF-8 \u00e9 uma das formas mais populares de codificar caracteres Unicode. Ele utiliza de 1 a 4 bytes para representar cada caractere, dependendo do seu c\u00f3digo Unicode. Essa flexibilidade permite que o UTF-8 seja eficiente em termos de armazenamento e transmiss\u00e3o de dados, pois caracteres comuns em idiomas populares s\u00e3o representados com menos bytes, enquanto caracteres menos comuns ou espec\u00edficos s\u00e3o representados com mais bytes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma das principais vantagens do UTF-8 \u00e9 que ele \u00e9 compat\u00edvel com o ASCII (American Standard Code for Information Interchange), um conjunto de caracteres amplamente utilizado em sistemas de computadores. Isso significa que textos em ASCII podem ser interpretados corretamente como UTF-8, tornando a transi\u00e7\u00e3o de sistemas mais antigos para o UTF-8 mais f\u00e1cil e sem a necessidade de convers\u00e3o de todos os caracteres.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em resumo, o UTF-8 \u00e9 uma codifica\u00e7\u00e3o de caracteres que permite a representa\u00e7\u00e3o de uma ampla gama de caracteres Unicode, tornando poss\u00edvel a exibi\u00e7\u00e3o correta de textos em diferentes idiomas e sistemas de escrita. \u00c9 amplamente adotado na web e em sistemas de comunica\u00e7\u00e3o para garantir a interoperabilidade entre diferentes plataformas e idiomas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perguntas_frequentes\"><\/span>Perguntas frequentes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O que s\u00e3o entidades HTML?<\/strong><br>S\u00e3o c\u00f3digos que representam caracteres que n\u00e3o podem ser digitados diretamente no HTML, ou que o pr\u00f3prio HTML usa como sintaxe. Toda entidade come\u00e7a com <code>&amp;<\/code> e termina com <code>;<\/code>, e pode ser escrita de <strong>tr\u00eas formas<\/strong>: por nome (<code>&amp;copy;<\/code>), por n\u00famero decimal (<code>&amp;#169;<\/code>) ou por n\u00famero hexadecimal (<code>&amp;#xA9;<\/code>). As tr\u00eas produzem o mesmo resultado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Como converter acentos em entidades HTML?<\/strong><br>Troque cada caractere pela sua entidade: <code>\u00e1<\/code> vira <code>&amp;aacute;<\/code>, <code>\u00e7<\/code> vira <code>&amp;ccedil;<\/code> e <code>\u00e3<\/code> vira <code>&amp;atilde;<\/code>. Para um texto inteiro, use o <strong>conversor no in\u00edcio deste artigo<\/strong>, que transforma acentos e s\u00edmbolos em entidades por nome, decimal ou hexadecimal \u2014 e tamb\u00e9m faz o caminho de volta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preciso usar entidades para acentos hoje em dia?<\/strong><br>N\u00e3o. Com <code>&lt;meta charset=\"utf-8\"&gt;<\/code> no <code>&lt;head&gt;<\/code>, voc\u00ea digita <code>\u00e1<\/code>, <code>\u00e7<\/code> e <code>\u00e3<\/code> normalmente e eles aparecem corretos. As entidades continuam necess\u00e1rias apenas para os caracteres que o HTML usa como sintaxe \u2014 <code>&lt;<\/code>, <code>&gt;<\/code> e <code>&amp;<\/code> \u2014 e para s\u00edmbolos que n\u00e3o est\u00e3o no teclado, como &#x2122; e \u2260.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Qual a diferen\u00e7a entre entidade por nome, decimal e hexadecimal?<\/strong><br>Nenhuma no resultado. O <strong>nome<\/strong> \u00e9 mais leg\u00edvel para quem l\u00ea o c\u00f3digo, mas existe s\u00f3 para uma parte dos caracteres. O <strong>decimal<\/strong> e o <strong>hexadecimal<\/strong> funcionam para qualquer caractere Unicode \u2014 e o hexadecimal \u00e9 a forma como as tabelas Unicode listam os c\u00f3digos, com o <code>U+00A9<\/code> virando <code>&amp;#xA9;<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>As entidades HTML diferenciam mai\u00fasculas de min\u00fasculas?<\/strong><br>Sim. <code>&amp;Aacute;<\/code> produz <strong>\u00c1<\/strong> e <code>&amp;aacute;<\/code> produz <strong>\u00e1<\/strong> \u2014 s\u00e3o caracteres diferentes, n\u00e3o varia\u00e7\u00f5es de escrita. E a maioria dos nomes s\u00f3 existe numa grafia: <code>&amp;AACUTE;<\/code> n\u00e3o funciona. <strong>Algumas poucas entidades, como <code>&amp;COPY;<\/code>, aceitam mai\u00fasculas por compatibilidade<\/strong>, mas o seguro \u00e9 sempre usar a grafia das tabelas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preciso mesmo do ponto e v\u00edrgula no fim da entidade?<\/strong><br>Sim. Alguns navegadores toleram entidades sem ele em certos contextos, mas o comportamento varia conforme o caractere seguinte \u2014 um <code>&amp;amp<\/code> seguido de letra pode ser interpretado de forma inesperada. <strong>Sempre feche com <code>;<\/code>.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Por que preciso escrever <code>&amp;amp;<\/code> em vez de <code>&amp;<\/code>?<\/strong><br>Porque o <code>&amp;<\/code> \u00e9 o caractere que inicia uma entidade. Se voc\u00ea escrever <code>Silva &amp; Filhos<\/code>, o navegador tenta interpretar o que vem depois do <code>&amp;<\/code> como entidade e pode exibir algo inesperado. Escrevendo <code>Silva &amp;amp; Filhos<\/code>, ele entende que voc\u00ea quer o s\u00edmbolo literal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Meus acentos aparecem como s\u00edmbolos estranhos. O que fazer?<\/strong><br>Confira se a p\u00e1gina declara <code>&lt;meta charset=\"utf-8\"&gt;<\/code> logo no in\u00edcio do <code>&lt;head&gt;<\/code> \u2014 antes de qualquer texto. Se estiver l\u00e1 e o problema persistir, verifique se o arquivo foi <strong>salvo<\/strong> em UTF-8 pelo editor, e se o texto n\u00e3o vem de um banco de dados com codifica\u00e7\u00e3o diferente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Como escrever um espa\u00e7o que n\u00e3o quebra a linha no HTML?<\/strong><br>Com <code>&amp;nbsp;<\/code>. Ele mant\u00e9m duas palavras juntas mesmo quando o navegador precisa quebrar a linha \u2014 \u00fatil em coisas como <code>R$&amp;nbsp;50<\/code> ou <code>Windows&amp;nbsp;11<\/code>. Existem tamb\u00e9m <code>&amp;ensp;<\/code> e <code>&amp;emsp;<\/code>, que criam espa\u00e7os mais largos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Como mostrar c\u00f3digo HTML numa p\u00e1gina sem que ele seja executado?<\/strong><br>Substitua os chevrons pelas entidades: escreva <code>&amp;lt;p&amp;gt;<\/code> para que apare\u00e7a <code>&lt;p&gt;<\/code> na tela em vez de criar um par\u00e1grafo \u2014 e o <code>&amp;<\/code> por <code>&amp;amp;<\/code>. <strong>O conversor no in\u00edcio deste artigo faz isso automaticamente:<\/strong> escolha a op\u00e7\u00e3o <em>&#8220;s\u00f3 o que o HTML exige&#8221;<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Como uso um s\u00edmbolo especial no CSS?<\/strong><br>Com outra sintaxe. O CSS n\u00e3o entende entidades HTML \u2014 use a barra invertida com o c\u00f3digo hexadecimal, sem o <code>&amp;#x<\/code> e sem o ponto e v\u00edrgula: <code>content: \"\\00A9\"<\/code>. <strong>Complete com zeros at\u00e9 quatro d\u00edgitos<\/strong>, ou o navegador pode juntar o c\u00f3digo com o caractere seguinte. O conversor mostra esse formato na coluna <em>&#8220;No CSS&#8221;<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D\u00e1 para usar emojis por entidade HTML?<\/strong><br>D\u00e1 \u2014 eles s\u00e3o caracteres Unicode como qualquer outro, e <code>&amp;#128512;<\/code> produz &#x1f600;. Mas com a p\u00e1gina em UTF-8, <strong>colar o emoji direto no c\u00f3digo \u00e9 mais pr\u00e1tico<\/strong> e igualmente confi\u00e1vel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O que significa charset?<\/strong><br>\u00c9 a abrevia\u00e7\u00e3o de <em>character set<\/em> \u2014 o conjunto de caracteres que a p\u00e1gina usa. A declara\u00e7\u00e3o <code>&lt;meta charset=\"utf-8\"&gt;<\/code> informa ao navegador qual tabela consultar para transformar os bytes do arquivo nas letras que aparecem na tela. Sem ela, ele tenta adivinhar \u2014 e \u00e0s vezes erra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O que \u00e9 UTF-8?<\/strong><br>\u00c9 a codifica\u00e7\u00e3o padr\u00e3o da web, parte do Unicode. Ela usa de 1 a 4 bytes por caractere e cobre praticamente todos os sistemas de escrita do mundo, dos acentos do portugu\u00eas aos ideogramas chineses e aos emojis. Caracteres comuns ocupam menos bytes, e ela \u00e9 compat\u00edvel com ASCII, o que facilitou sua ado\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Usar caracteres especiais afeta o SEO?<\/strong><br>Diretamente, n\u00e3o. O que afeta \u00e9 o resultado de us\u00e1-los errado: uma p\u00e1gina com acentos quebrados prejudica a leitura e a experi\u00eancia do visitante. Declarar o charset corretamente resolve isso.<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n  {\n   \"@type\": \"Question\",\n   \"name\": \"O que s\u00e3o entidades HTML?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"S\u00e3o c\u00f3digos que representam caracteres que n\u00e3o podem ser digitados diretamente no HTML, ou que o pr\u00f3prio HTML usa como sintaxe. Toda entidade come\u00e7a com & e termina com ponto e v\u00edrgula, e pode ser escrita de tr\u00eas formas: por nome (&copy;), por n\u00famero decimal (&#169;) ou por n\u00famero hexadecimal (&#xA9;). As tr\u00eas produzem o mesmo resultado.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Como converter acentos em entidades HTML?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Troque cada caractere pela sua entidade: \u00e1 vira &aacute;, \u00e7 vira &ccedil; e \u00e3 vira &atilde;. Para um texto inteiro, use um conversor como o desta p\u00e1gina, que transforma acentos e s\u00edmbolos em entidades por nome, decimal ou hexadecimal, e tamb\u00e9m faz o caminho de volta.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Preciso usar entidades para acentos hoje em dia?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"N\u00e3o. Com a declara\u00e7\u00e3o meta charset utf-8 no head da p\u00e1gina, voc\u00ea digita \u00e1, \u00e7 e \u00e3 normalmente e eles aparecem corretos. As entidades continuam necess\u00e1rias apenas para os caracteres que o HTML usa como sintaxe, como o sinal de menor, o de maior e o &, e para s\u00edmbolos que n\u00e3o est\u00e3o no teclado, como &#x2122; e \u2260.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Qual a diferen\u00e7a entre entidade por nome, decimal e hexadecimal?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Nenhuma no resultado. O nome \u00e9 mais leg\u00edvel para quem l\u00ea o c\u00f3digo, mas existe s\u00f3 para uma parte dos caracteres. O decimal e o hexadecimal funcionam para qualquer caractere Unicode, e o hexadecimal \u00e9 a forma como as tabelas Unicode listam os c\u00f3digos: o U+00A9 vira &#xA9;.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"As entidades HTML diferenciam mai\u00fasculas de min\u00fasculas?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Sim. &Aacute; produz \u00c1 e &aacute; produz \u00e1, que s\u00e3o caracteres diferentes. A maioria dos nomes s\u00f3 existe numa grafia: &AACUTE; n\u00e3o funciona. Algumas poucas entidades, como &COPY;, aceitam mai\u00fasculas por compatibilidade, mas o seguro \u00e9 sempre usar a grafia das tabelas.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Preciso mesmo do ponto e v\u00edrgula no fim da entidade?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Sim. Alguns navegadores toleram entidades sem ele em certos contextos, mas o comportamento varia conforme o caractere seguinte, e um &amp seguido de letra pode ser interpretado de forma inesperada. Sempre feche a entidade com ponto e v\u00edrgula.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Por que preciso escrever &amp; em vez de &?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Porque o & \u00e9 o caractere que inicia uma entidade. Se voc\u00ea escrever Silva & Filhos, o navegador tenta interpretar o que vem depois do & como entidade e pode exibir algo inesperado. Escrevendo Silva &amp; Filhos, ele entende que voc\u00ea quer o s\u00edmbolo literal.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Meus acentos aparecem como s\u00edmbolos estranhos. O que fazer?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Confira se a p\u00e1gina declara meta charset utf-8 logo no in\u00edcio do head, antes de qualquer texto. Se estiver l\u00e1 e o problema persistir, verifique se o arquivo foi salvo em UTF-8 pelo editor e se o texto n\u00e3o vem de um banco de dados com codifica\u00e7\u00e3o diferente.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Como escrever um espa\u00e7o que n\u00e3o quebra a linha no HTML?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Com &nbsp;. Ele mant\u00e9m duas palavras juntas mesmo quando o navegador precisa quebrar a linha, o que \u00e9 \u00fatil em R$ 50 ou Windows 11. Existem tamb\u00e9m &ensp; e &emsp;, que criam espa\u00e7os mais largos.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Como mostrar c\u00f3digo HTML numa p\u00e1gina sem que ele seja executado?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Substitua os sinais de menor e de maior pelas entidades &lt; e &gt;, e o & por &amp;. Assim o navegador mostra o c\u00f3digo na tela em vez de interpret\u00e1-lo. O conversor desta p\u00e1gina faz isso automaticamente na op\u00e7\u00e3o que converte s\u00f3 o que o HTML exige.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Como uso um s\u00edmbolo especial no CSS?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Com outra sintaxe. O CSS n\u00e3o entende entidades HTML: no lugar delas, use uma barra invertida seguida do c\u00f3digo hexadecimal do caractere, sem o &#x e sem o ponto e v\u00edrgula. O copyright, por exemplo, fica como barra invertida seguida de 00A9. Complete com zeros at\u00e9 quatro d\u00edgitos, ou o navegador pode juntar o c\u00f3digo com o caractere seguinte.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"D\u00e1 para usar emojis por entidade HTML?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"D\u00e1, porque eles s\u00e3o caracteres Unicode como qualquer outro, e &#128512; produz &#x1f600;. Mas com a p\u00e1gina em UTF-8, colar o emoji direto no c\u00f3digo \u00e9 mais pr\u00e1tico e igualmente confi\u00e1vel.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"O que significa charset?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"\u00c9 a abrevia\u00e7\u00e3o de character set, o conjunto de caracteres que a p\u00e1gina usa. A declara\u00e7\u00e3o meta charset utf-8 informa ao navegador qual tabela consultar para transformar os bytes do arquivo nas letras que aparecem na tela. Sem ela, o navegador tenta adivinhar e \u00e0s vezes erra.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"O que \u00e9 UTF-8?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"\u00c9 a codifica\u00e7\u00e3o padr\u00e3o da web, parte do Unicode. Ela usa de 1 a 4 bytes por caractere e cobre praticamente todos os sistemas de escrita do mundo, dos acentos do portugu\u00eas aos ideogramas chineses e aos emojis. Caracteres comuns ocupam menos bytes, e ela \u00e9 compat\u00edvel com ASCII.\"\n   }\n  },\n  {\n   \"@type\": \"Question\",\n   \"name\": \"Usar caracteres especiais afeta o SEO?\",\n   \"acceptedAnswer\": {\n    \"@type\": \"Answer\",\n    \"text\": \"Diretamente, n\u00e3o. O que afeta \u00e9 o resultado de us\u00e1-los errado: uma p\u00e1gina com acentos quebrados prejudica a leitura e a experi\u00eancia do visitante. Declarar o charset corretamente resolve isso.\"\n   }\n  }\n ]\n}\n<\/script>\n\n\n\n<div style=\"max-width:760px; margin:32px auto; background:linear-gradient(135deg,#1a73e8 0%,#0b3d91 100%); border-radius:16px; padding:32px 28px; font-family:Arial, Helvetica, sans-serif; color:#fff; box-shadow:0 10px 30px rgba(26,115,232,.25);\">\n<div style=\"display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap;\">\n<div style=\"flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:12px; background:rgba(255,255,255,.18);\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\n<\/div>\n<div style=\"flex:1 1 320px; min-width:260px;\">\n<div style=\"font-weight:800; line-height:1.25; margin-bottom:8px; font-size:19px;\">Seu c\u00f3digo funciona. Falta o endere\u00e7o.<\/div>\n<p style=\"margin:0 0 18px; line-height:1.6; color:#dbe7fb;\">Um arquivo HTML no seu computador s\u00f3 existe para voc\u00ea. Na Homehost, voc\u00ea envia os arquivos pelo painel ou por FTP e o site fica no ar em minutos \u2014 com servidor no Brasil, SSL gr\u00e1tis e suporte em portugu\u00eas. A partir de R$ 7,90\/m\u00eas, com dom\u00ednio gr\u00e1tis no primeiro ano dos planos anuais.<\/p>\n<a href=\"https:\/\/www.homehost.com.br\/hospedagem-de-sites\/\" style=\"display:inline-flex; align-items:center; gap:8px; background:#fff; color:#1a73e8; font-weight:700; text-decoration:none; padding:13px 26px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.15);\">\nVer planos de hospedagem\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As entidades HTML nasceram de uma limita\u00e7\u00e3o que j\u00e1 n\u00e3o existe: no come\u00e7o da web, o conjunto de caracteres dispon\u00edvel n\u00e3o comportava acentos, e cada <code>\u00e1<\/code> precisava ser escrito como c\u00f3digo. Com o UTF-8 declarado no <code>&lt;head&gt;<\/code>, isso acabou \u2014 voc\u00ea digita em portugu\u00eas normalmente e funciona.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O que sobrou \u00e9 o essencial, e cabe em tr\u00eas casos. <strong>Os caracteres que o HTML usa como sintaxe<\/strong> \u2014 <code>&lt;<\/code>, <code>&gt;<\/code> e <code>&amp;<\/code> \u2014 precisam ser escapados, ou o navegador os interpreta como c\u00f3digo. <strong>Os s\u00edmbolos fora do teclado<\/strong>, como &#x2122;, \u20ac, \u2260 e as letras gregas, continuam mais pr\u00e1ticos por entidade. E o <strong><code>&amp;nbsp;<\/code><\/strong>, que mant\u00e9m palavras juntas quando a linha quebra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se os acentos est\u00e3o aparecendo errados, a resposta quase sempre est\u00e1 no charset \u2014 n\u00e3o nas entidades. Confira se o <code>&lt;meta charset=\"utf-8\"&gt;<\/code> est\u00e1 no <code>&lt;head&gt;<\/code>, se o arquivo foi salvo nessa codifica\u00e7\u00e3o, e se o texto n\u00e3o vem de um banco configurado de outro jeito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No in\u00edcio da WEB, o uso de c\u00f3digos para caracteres especiais do HTML era essencial at\u00e9 mesmo para inclus\u00e3o de acentos. Com a evolu\u00e7\u00e3o e ascens\u00e3o do HTML, alguns padr\u00f5es de caracteres come\u00e7aram a ser incrementados e, assim, acentua\u00e7\u00f5es deixaram de ser um problema. Hoje em dia, a partir do metadado charset, \u00e9 poss\u00edvel incluir [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":3843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[3116,2624,252,2621],"class_list":["post-3838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","tag-caracteres","tag-css","tag-desenvolvimento","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Caracteres especiais e acentos no HTML: tabela e conversor | Homehost<\/title>\n<meta name=\"description\" content=\"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Caracteres especiais e acentos no HTML: tabela e conversor | Homehost\" \/>\n<meta property=\"og:description\" content=\"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-17T12:39:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T20:55:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1682\" \/>\n\t<meta property=\"og:image:height\" content=\"659\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rafael Marques\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Marques\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/\"},\"author\":{\"name\":\"Rafael Marques\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/a2154603d8bc4cfd0c3bda2c09c4017e\"},\"headline\":\"Caracteres especiais e acentos no HTML: tabela e conversor\",\"datePublished\":\"2023-06-17T12:39:55+00:00\",\"dateModified\":\"2026-10-06T20:55:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/\"},\"wordCount\":3856,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/caract_html.png\",\"keywords\":[\"caracteres\",\"css\",\"desenvolvimento\",\"html\"],\"articleSection\":[\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/\",\"url\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/\",\"name\":\"Caracteres especiais e acentos no HTML: tabela e conversor | Homehost\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/caract_html.png\",\"datePublished\":\"2023-06-17T12:39:55+00:00\",\"dateModified\":\"2026-10-06T20:55:27+00:00\",\"description\":\"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/caract_html.png\",\"contentUrl\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/caract_html.png\",\"width\":1682,\"height\":659,\"caption\":\"Caracteres Especiais e Acentos HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/tutoriais\\\/caracteres-especiais-acentos-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Caracteres especiais e acentos no HTML: tabela e conversor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#organization\",\"name\":\"Homehost\",\"url\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/logo-detalhes.png\",\"contentUrl\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/logo-detalhes.png\",\"width\":150,\"height\":48,\"caption\":\"Homehost\"},\"image\":{\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Homehost\\\/\",\"https:\\\/\\\/x.com\\\/Homehost\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.homehost.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/a2154603d8bc4cfd0c3bda2c09c4017e\",\"name\":\"Rafael Marques\",\"description\":\"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/rafamarquesrmb\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/rafamarquesrmb\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Caracteres especiais e acentos no HTML: tabela e conversor | Homehost","description":"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Caracteres especiais e acentos no HTML: tabela e conversor | Homehost","og_description":"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.","og_url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-06-17T12:39:55+00:00","article_modified_time":"2026-10-06T20:55:27+00:00","og_image":[{"width":1682,"height":659,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","type":"image\/png"}],"author":"Rafael Marques","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Rafael Marques","Est. tempo de leitura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#article","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/"},"author":{"name":"Rafael Marques","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e"},"headline":"Caracteres especiais e acentos no HTML: tabela e conversor","datePublished":"2023-06-17T12:39:55+00:00","dateModified":"2026-10-06T20:55:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/"},"wordCount":3856,"commentCount":0,"publisher":{"@id":"https:\/\/www.homehost.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","keywords":["caracteres","css","desenvolvimento","html"],"articleSection":["Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/","url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/","name":"Caracteres especiais e acentos no HTML: tabela e conversor | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","datePublished":"2023-06-17T12:39:55+00:00","dateModified":"2026-10-06T20:55:27+00:00","description":"Converta acentos e s\u00edmbolos em entidades HTML \u2014 e de volta \u2014 com o nosso conversor. Tabela completa por nome e por n\u00famero, e o c\u00f3digo para usar no CSS.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","width":1682,"height":659,"caption":"Caracteres Especiais e Acentos HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/caracteres-especiais-acentos-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Caracteres especiais e acentos no HTML: tabela e conversor"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","publisher":{"@id":"https:\/\/www.homehost.com.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.homehost.com.br\/blog\/#organization","name":"Homehost","url":"https:\/\/www.homehost.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2022\/10\/logo-detalhes.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2022\/10\/logo-detalhes.png","width":150,"height":48,"caption":"Homehost"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Homehost\/","https:\/\/x.com\/Homehost"]},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e","name":"Rafael Marques","description":"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br","sameAs":["https:\/\/www.instagram.com\/rafamarquesrmb\/","https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/"]}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/caract_html.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3838"}],"version-history":[{"count":40,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3838\/revisions"}],"predecessor-version":[{"id":18424,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3838\/revisions\/18424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/3843"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}