testando o código não vi diferença no resultado em usar a tag
assim ou com "/" no final pra fechar a tag : ou existe alguma diferença mesmo e qual devo usar?
Solucionado
testando o código não vi diferença no resultado em usar a tag
assim ou com "/" no final pra fechar a tag : ou existe alguma diferença mesmo e qual devo usar?hoje, com a Alura e o Google Gemini
Boa tarde, Leandro!
A definição do charset="utf-8" faz com que seu navegador consiga representar uma quantidade maior de caracteres (com acentos, chineses, etc).
Pra ficar mais fácil você ver a diferença, cria um arquivo com esse conteúdo (sugestão de nome: sem_charset.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1">
</head>
<body>
<h2>aáãà eéèë iíìï oóòöô uúùü</h2>
</body>E crie outro com esse conteúdo (sugestão de nome com_charset.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h2>aáãà eéèë iíìï oóòöô uúùü</h2>
</body>Abre os dois e você verá que os caracteres acentuados não são apresentados corretamente no primeiro arquivo. Você pode remover os metas dos dois arquivos pra ver a mudança também.
Vê se deu certo e dá um feedback. Abraço.
Boa tarde, Leandro.
O uso da "/" para fechar a tag meta neste caso é opcional no HTML 5 (provavelmente a versão que você está usando quando declarou <!DOCTYPE html> no início do arquivo html), uma questão de estética.
Uma boa prática é incluir tags de abertura e fechamento para tags que possuem conteúdo, no caso de tags órfãs, como <br>, <input>, <img>, <meta>,não é obrigatório o fechamento pois não há conteúdo.
Espero que eu tenha respondido sua dúvida.
Leandro,
Complementando o que o pessoal disse, o uso da barra / para "fechar" tags órfãs no HTML5 é opcional, entretanto para XHTML, o uso é obrigatório. Por isso em alguns casos onde um sistema precise gerar um código compatível com HTML5 e XHTML ele colocaria as barras.
Olá Leandro! Todo elemento HTML é formados por tags. As tags tem o seguinte formato:
Começam com um sinal de menor “<”, terminam com um sinal de maior “>” e entre esses sinais vai o nome da tag do elemento que queremos inserir em nosso documento.
Para constituir o elemento HTML precisamos de dois tipos de tags mais o conteúdo. Os dois tipos de tags são:
• A tag de abertura que marca o início do elemento:
<tag>• E a tag de fechamento que marca o fim do elemento:
</tag>A diferença entre elas é que na tag de fechamento existe uma barra “/”.
Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento representa o conteúdo. E este será processado segundo o comando contido na tag.
Resumindo:
<tag>Conteúdo a ser visualizado na página web</tag>Basicamente o código para inserir um elemento HTML segue a lógica apresentada acima, mas como em toda regra existem exceções, com as tags não seria diferente!
E essa exceção são os chamados “elementos nulos”. Elementos nulos são marcações que só possuem tag de abertura. Elas têm um fechamento automático. Essas tags não podem conter texto ou outros elementos dentro deles, já que não possuem tags de fechamento.
Exemplo:
<meta charser=”UTF-8> algum texto - ERRADO<meta charser=”UTF-8> algum texto </meta> - ERRADO<meta charser=”UTF-8> - CERTOEm arquivos XHTML estas tags possuem auto-fechamento, ou seja, a barra (/). Em XHTM a tag acima deveria ser declarada da seguinte maneira:
<meta charser=”UTF-8 />Já a especificação do HTML5 diz que não necessita dessa barra no final, apesar de não trazer efeito algum ao elemento o seu uso. Vamos ver como fica a sintaxe?
Em XHTML: <tag />Em HTML: <tag>Estas são as tags de elementos nulos que você aprenderá no decorrer dos cursos: area, base, br, col, hr, img, input, link, meta, param, command, keygen, source.
Não se preocupe agora em entender o que cada uma significa, ao longo do treinamento você vai descobrindo. Mas já fique atento quando elas aparecerem! São "elementos nulos", não necessitam de fechamento, ok?
Se a dúvida permanecer estamos a disposição para ajudá-lo, mas caso ela já tenha sido solucionada favor marcar o tópico como solucionado, assim você ajuda outros colegas que estão aprendendo também! Abraços!!
Olá Leandro! Se sua dúvida foi tirada é só marcar o tópico como solucionado, assim você ajuda outros colegas com a mesma dúvida!
Abraços!!
Olá Leandro! Conseguiu solucionar sua dúvida?
Ficou legal a solução, porem um detalhe importante
<meta charser=”UTF-8> ERRADO
<meta charset="UTF-8"> CORRETO