Meu código emmet esta diferente | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

Oi Matheus, tudo bem?

Pelo que entendi, você está se referindo à linha <meta http-equiv="X-UA-Compatible" content="IE=edge"> que aparece no código Emmet apresentado na aula, mas não no seu, certo?

Essa linha é uma configuração específica para o navegador Microsoft Edge. Ela garante que o navegador use a versão mais recente do motor de renderização, mesmo se o site não especificar isso. Ou seja, ela é útil para garantir que seu site seja exibido corretamente no Edge, especialmente em versões mais antigas do navegador.

Em relação ao seu ambiente de desenvolvimento, não há nada de errado com ele. O Emmet pode variar um pouco dependendo do editor de código que você está usando, da versão e das configurações específicas que você tem habilitadas. Na programação é assim mesmo, tudo está sempre mudando.

Se você quiser que seu código Emmet seja exatamente igual ao apresentado na aula, você pode adicionar manualmente a linha <meta http-equiv="X-UA-Compatible" content="IE=edge"> ao seu código, o que é bom até para praticar mesmo!

Um abraço e bons estudos.