Repolode
Enviar
h5bp

h5bp/html5-boilerplate

Um template profissional de front-end com HTML, CSS e JavaScript para criar sites e aplicações web rápidos, robustos e adaptáveis.

Ver no GitHubSite
Estrelas
57,654
Forks
12,243
Issues abertas
22
Último commit
há 10 dias

O que é?

O HTML5 Boilerplate é um template inicial para projetos de front-end. Ele oferece uma estrutura HTML pronta, estilos CSS básicos e uma configuração de JavaScript que cobrem questões comuns, como compatibilidade entre navegadores, desempenho e impressão, para que os desenvolvedores possam começar com uma base testada em vez de um arquivo vazio.

O template não impõe um framework nem uma filosofia de desenvolvimento. Os desenvolvedores podem usar os arquivos como estão, copiar apenas as partes de que precisam ou remover o que não for utilizado. Ele inclui tags Open Graph de exemplo, media queries em CSS, classes auxiliares e estilos padrão para impressão, além de um package.json de exemplo com comandos do WebPack.

O projeto é distribuído pelo npm, por meio de um arquivo zip com a pasta dist publicada, do script de scaffolding create-html5-boilerplate e de um repositório de template do GitHub. A documentação acompanha o projeto para leitura offline.

Recursos principais

  • 01Estrutura inicial em HTML, CSS e JavaScript, criada com foco em aprimoramento progressivo.
  • 02Tags Open Graph de exemplo e media queries em CSS.
  • 03Classes auxiliares úteis em CSS e estilos padrão para impressão voltados ao desempenho.
  • 04package.json de exemplo com comandos de build do WebPack.
  • 05Facilidade para remover partes desnecessárias.
  • 06Documentação incluída para leitura offline.

Casos de uso

  • Começar um novo site estático ou landing page com uma base sólida de HTML e CSS.
  • Iniciar uma aplicação web de front-end que precise de um template independente de framework.
  • Aprender boas práticas para configurar o head do HTML, usar meta tags e definir estilos de impressão.

Início rápido

  1. 1

    Crie a estrutura de um novo site com create-html5-boilerplate

    npx create-html5-boilerplate new-site
  2. 2

    Acesse a pasta do novo site

    cd new-site
  3. 3

    Instale as dependências

    npm install
  4. 4

    Inicie o projeto

    npm run start

Antes de usar

  • O package.json de exemplo do template usa comandos do WebPack, então talvez seja necessário ajustar a configuração de build.

Tópicos

#html5#css#javascript#front-end#starter-template#web-development#best-practices#html#html5-boilerplate#robust

Perguntas frequentes

O que é html5-boilerplate?
Um template profissional de front-end com HTML, CSS e JavaScript para criar sites e aplicações web rápidos, robustos e adaptáveis. O HTML5 Boilerplate é um template inicial para projetos de front-end. Ele oferece uma estrutura HTML pronta, estilos CSS básicos e uma configuração de JavaScript que cobrem questões comuns, como compatibilidade entre navegadores, desempenho e impressão, para que os desenvolvedores possam começar com uma base testada em vez de um arquivo vazio.
html5-boilerplate é gratuito? Qual é a licença?
html5-boilerplate é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
html5-boilerplate ainda é mantido?
Manutenção ativa. O último commit de html5-boilerplate foi em 12 de out. de 2026.
Para que posso usar html5-boilerplate?
Começar um novo site estático ou landing page com uma base sólida de HTML e CSS. Iniciar uma aplicação web de front-end que precise de um template independente de framework. Aprender boas práticas para configurar o head do HTML, usar meta tags e definir estilos de impressão.
Como instalar html5-boilerplate?
Crie a estrutura de um novo site com create-html5-boilerplate: npx create-html5-boilerplate new-site Acesse a pasta do novo site: cd new-site Instale as dependências: npm install Inicie o projeto: npm run start
Onde consigo html5-boilerplate?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/h5bp/html5-boilerplate

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados