Modelo HTML moderno para iniciantes





Bom dia amigos!



Deixe-me apresentar meu novo projeto - um modelo HTML moderno para iniciantes.



Este modelo é o resultado da análise de mais de 100 fontes sobre questões relacionadas à estrutura e ao conteúdo de uma página da web, dividindo o aplicativo em componentes, cache de recursos, otimização de mecanismo de pesquisa, segurança, etc., e inclui o seguinte:



  • Todas as tags meta e link (geral, Microsoft, Facebook, Twitter, IOS, Android, dados estruturados - Schema.org e JSON-LD, além de algumas tags relacionadas à segurança)
  • Exemplo de uso de tags HTML5
  • Um exemplo de uso de propriedades CSS3
  • Um exemplo de uso de módulos CSS
  • Um exemplo de uso de módulos JavaScript
  • Arquivo "manifest.json"
  • Trabalhador de serviço de uso geral (cache primeiro, depois rede)
  • Arquivo Robots.txt
  • O arquivo "sitemap.xml"
  • O arquivo "browserconfig.xml"
  • Arquivo ".gitignore"
  • Um exemplo de servidor Express.js configurando cabeçalhos relacionados à segurança e compactação e retornando arquivos mediante solicitação
  • Exemplo de página de erro 404 do criativo (página não encontrada, criativo não é meu)
  • Arquivo "README.md"
  • e muito mais


Site oficial: htmltemplate.site .



O código do projeto está aqui .



Qualquer tipo de feedback é bem-vindo: não hesite em escrever uma mensagem pessoal e enviar a solicitação no github.



Se quiser repetir meu caminho de "pesquisa", você pode começar com os seguintes recursos:





Siga este link para encontrar uma predefinição escalável do Webpack 5 que inclui Babel e PostCSS, um servidor de desenvolvimento e uma construção de produção otimizada.



E se quiseres refrescar ou testar os teus conhecimentos de JavaScript, então especialmente para isso, nas minhas horas vagas, estou a desenvolver esta maravilhosa aplicação (não te podes elogiar ...).



Obrigado pela atenção e tenha um bom dia.



All Articles