Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas

meta charset

Ao colocar a tag "meta charset" a acentuação aparece com problemas, já ao removê-la o problema desaparece. Por que isso ocorre?

9 respostas

Oi, tudo bem ?

Consegue me mostrar o código que está fazendo ?

<!DOCTYPE html>
<html>

   <head>
          <title> Isabel Teruiya - Currículo </title> 
          <style>
              h2{
                  background-color:#5599DD; 
                  color:#DDDDDD                
               }

                 .exp{
                   text-indent:50px

                }


          </style>

   </head>

   <body>
     <h1> Isabel Teruiya </h1>
     <p> Jornalista e Designer </p>
     <p> 32 anos, casada </p>
     <p> Trav. Juan Alvarez, 115 - Vila Matilde </p>
     <p> (11) 95986-7143 / (11) 2651-2232 </p>
     <p> isabel.teruiya@gmail.com </p>


     <h2> Objetivos </h2>
     <p> Atuar na área de comunicação, aliando texto e imagem. </p>

     <h2> Formação Acadêmica </h2>
     <p> Formada em comunicação social, na Universidade Presbiteriana Mackenzie (2010) e em Produção Multimídia, 
     pela Faculdade Impacta de Tecnologia (2016). </p>

     <h2> Conhecimentos e habilidades </h2>
     <p> Redação publicitária, pacotte adobe. </p>

     <h2> Experiência Profissional </h2>
     <h3> Analista de Comunicação Pleno no Metrus - Instituto de Seguridade Social </h3>
     <p class="exp"> Criação de campanhas internas e externas, atualização do site, cobertura de eventos, elaboração de relatórios.</p>

     <h3> Jornalista - 365 Assessoria de Comunicação </h3>
     <p class="exp"> Redação de matérias para revistas e sites, produção de texto para materiais institucionais, criação de releases e toda a rotina de assessoria de imprensa, produção de conteúdo para redes sociais.</p>  

     <h3> Repórter freelancer - Revista Negócios Mapfre </h3>
     <p class="exp"> Entrevista, redação e revisão de matérias para a publicação, voltada para corretores da organização.</p>


     <h2> Cursos Extracurriculares </h2>
     <h3> Adobe Premiere - Impacta </h3>
     <h3> Adobe Premiere - Impacta </h3>
     <h3> Curso de gestão de redes sociais </h3>
     <h3> Redação Publicitária - Senac </h3>


   </body>


</html>

olá Matheus!

Se eu NÃO coloco a tag "meta charset" os acentos aparecem corretos, mas se eu insiro a tag fica tudo com caracteres especiais

Mostra como você está colocando essa tag, acredito que possa ter algum problema nesse ponto.

<!DOCTYPE html>
<html>

   <head>

          <meta charset="UTF-8">
          <title> Isabel Teruiya - Currículo </title> 
          <style>
              h2{
                  background-color:#5599DD; 
                  color:#DDDDDD                
               }

                 .exp{
                   text-indent:50px

                }
                  #email{

                   text-decoration:underline;
                   font-style:italic;#email
                  }



          </style>

   </head>
<!DOCTYPE html>
<html>

   <head>

          <meta charset="UTF-8">
          <title> Isabel Teruiya - Currículo </title> 
          <style>
              h2{
                  background-color:#5599DD; 
                  color:#DDDDDD                
               }

                 .exp{
                   text-indent:50px

                }
                  #email{

                   text-decoration:underline;
                   font-style:italic;#email
                  }



          </style>

   </head>

Olá Isabel, tudo bom?

Eu fiz alguns testes com seu código e esse aqui funcionou bem utilizando a tag meta com o utf-8 aplicado:

<!DOCTYPE html>
<html>

   <head>
         <meta charset="UTF-8">
          <title> Isabel Teruiya - Currículo </title>
          <style>
              h2{
                  background-color:#5599DD;
                  color:#DDDDDD
               }

                 .exp{
                   text-indent:50px

                }


          </style>

   </head>

   <body>
     <h1> Isabel Teruiya </h1>
     <p> Jornalista e Designer </p>
     <p> 32 anos, casada </p>
     <p> Trav. Juan Alvarez, 115 - Vila Matilde </p>
     <p> (11) 95986-7143 / (11) 2651-2232 </p>
     <p> isabel.teruiya@gmail.com </p>


     <h2> Objetivos </h2>
     <p> Atuar na área de comunicação, aliando texto e imagem. </p>

     <h2> Formação Acadêmica </h2>
     <p> Formada em comunicação social, na Universidade Presbiteriana Mackenzie (2010) e em Produção Multimídia,
     pela Faculdade Impacta de Tecnologia (2016). </p>

     <h2> Conhecimentos e habilidades </h2>
     <p> Redação publicitária, pacotte adobe. </p>

     <h2> Experiência Profissional </h2>
     <h3> Analista de Comunicação Pleno no Metrus - Instituto de Seguridade Social </h3>
     <p class="exp"> Criação de campanhas internas e externas, atualização do site, cobertura de eventos, elaboração de relatórios.</p>

     <h3> Jornalista - 365 Assessoria de Comunicação </h3>
     <p class="exp"> Redação de matérias para revistas e sites, produção de texto para materiais institucionais, criação de releases e toda a rotina de assessoria de imprensa, produção de conteúdo para redes sociais.</p>

     <h3> Repórter freelancer - Revista Negócios Mapfre </h3>
     <p class="exp"> Entrevista, redação e revisão de matérias para a publicação, voltada para corretores da organização.</p>


     <h2> Cursos Extracurriculares </h2>
     <h3> Adobe Premiere - Impacta </h3>
     <h3> Adobe Premiere - Impacta </h3>
     <h3> Curso de gestão de redes sociais </h3>
     <h3> Redação Publicitária - Senac </h3>


   </body>


</html>

Caso o problema persista, qual o navegador e sistema operacional você está utilizando?

solução!

Opa!

Da uma olhada se o encoding do arquivo esta certo, as vezes a IDE pode salvar ele com um encode errado ;)

Abrass

Olá Isabel, tudo bom?

Você conseguiu resolver o problema com a codificação dos caracteres?