{"id":117,"date":"2016-11-04T16:33:00","date_gmt":"2016-11-04T18:33:00","guid":{"rendered":"https:\/\/cahfelix.tech\/blog\/?p=117"},"modified":"2025-10-27T12:05:38","modified_gmt":"2025-10-27T15:05:38","slug":"como-corrigir-erros-de-codificacao-acentuacao","status":"publish","type":"post","link":"https:\/\/cahfelix.tech\/blog\/como-corrigir-erros-de-codificacao-acentuacao\/","title":{"rendered":"Como corrigir erros de codifica\u00e7\u00e3o (acentua\u00e7\u00e3o)"},"content":{"rendered":"\n<p>J\u00e1 aconteceu de sua p\u00e1gina exibir palavras totalmente bagun\u00e7adas, como <em>Can\ufffd\ufffdo<\/em> ou <em>Can\u00c3\u00a7\u00c3\u00a3o<\/em>?<br>Esse \u00e9 um problema bem comum e felizmente, simples de resolver.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que isso acontece<\/h2>\n\n\n\n<p>O navegador precisa saber qual padr\u00e3o de codifica\u00e7\u00e3o usar para interpretar corretamente os caracteres da sua p\u00e1gina.<\/p>\n\n\n\n<p>Por padr\u00e3o, ele entende o formato <strong>ANSI (American National Standards)<\/strong>, voltado para o idioma ingl\u00eas.<br>Mas como usamos acentos e caracteres especiais em portugu\u00eas, precisamos indicar ao navegador que ele deve usar o padr\u00e3o <strong>UTF-8<\/strong>, que \u00e9 universal e suporta diferentes idiomas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como resolver<\/h2>\n\n\n\n<p>No HTML, temos duas partes principais: <code>&lt;HEAD&gt;<\/code> e <code>&lt;BODY&gt;<\/code>.<\/p>\n\n\n\n<p>Tudo o que \u00e9 vis\u00edvel ao usu\u00e1rio fica dentro do <code>&lt;BODY&gt;<\/code>. J\u00e1 as configura\u00e7\u00f5es da p\u00e1gina \u2014 como t\u00edtulo, scripts e metadados, ficam dentro do <code>&lt;HEAD&gt;<\/code>.<\/p>\n\n\n\n<p>Como a codifica\u00e7\u00e3o \u00e9 uma configura\u00e7\u00e3o, vamos adicion\u00e1-la dentro da se\u00e7\u00e3o <code>&lt;HEAD&gt;<\/code> do nosso site:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta charset=\"utf-8\"\/&gt;<\/code><\/pre>\n\n\n\n<p>Esse simples comando faz o navegador entender corretamente acentos, cedilhas e outros caracteres especiais.<br>Depois disso, adeus textos com s\u00edmbolos estranhos!<\/p>\n\n\n\n<p>Se quiser entender melhor como funciona o <em>encode<\/em>, gravei um v\u00eddeo explicando tudo passo a passo.<\/p>\n\n\n\n<p><a href=\"https:\/\/youtu.be\/0UYoKlkQdi0?list=PLsjzQG96WQFYBG2DCTfjOm0INQK7ILwkF\" target=\"_blank\" rel=\"noreferrer noopener\">Assiste l\u00e1<\/a> e v\u00ea como \u00e9 f\u00e1cil deixar seu site pronto para o mundo \ud83c\udf0e<\/p>\n","protected":false},"excerpt":{"rendered":"<p>J\u00e1 aconteceu de sua p\u00e1gina exibir palavras totalmente bagun\u00e7adas, como Can\ufffd\ufffdo ou Can\u00c3\u00a7\u00c3\u00a3o?Esse \u00e9 um problema bem comum e felizmente, simples de resolver. Por que isso acontece O navegador precisa&#8230;<\/p>\n","protected":false},"author":1,"featured_media":263,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[44,43,45],"class_list":["post-117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engenharia-de-software","tag-charset","tag-front-end","tag-metatags"],"aioseo_notices":[],"featured":false,"read_time":2,"_links":{"self":[{"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/posts\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":5,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/posts\/117\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/posts\/117\/revisions\/259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/media\/263"}],"wp:attachment":[{"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/media?parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/categories?post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cahfelix.tech\/blog\/wp-json\/wp\/v2\/tags?post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}