h5bp/html5-boilerplate

Что это?

Ключевые возможности

• 01Стартовая структура HTML, CSS и JavaScript, разработанная с учётом прогрессивного улучшения.
• 02Шаблонные Open Graph-теги и CSS-медиазапросы.
• 03Полезные вспомогательные классы CSS и стандартные стили для печати, ориентированные на производительность.
• 04Пример package.json с командами сборки WebPack.
• 05Лишние части легко удалить.
• 06Документация в комплекте для чтения офлайн.

Сценарии использования

• Создание нового статического сайта или лендинга на надёжной основе HTML и CSS.
• Быстрый старт разработки фронтенд-веб-приложения с шаблоном, не привязанным к фреймворку.
• Изучение лучших практик настройки HTML head, метатегов и стилей для печати.

Быстрый старт

1. 1

   Создайте структуру нового сайта с помощью create-html5-boilerplate

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

   Перейдите в папку нового сайта

   cd new-site
3. 3

   Установите зависимости

   npm install
4. 4

   Запустите проект

   npm run start

Что важно знать

• !В примере package.json шаблона используются команды WebPack, поэтому может потребоваться изменить настройки сборки.

Темы

Частые вопросы

Что такое html5-boilerplate?

Профессиональный стартовый шаблон HTML, CSS и JavaScript для создания быстрых, надёжных и адаптивных сайтов и веб-приложений. HTML5 Boilerplate — стартовый шаблон для фронтенд-проектов. В него входят готовая структура HTML-документа, базовые стили CSS и настройка JavaScript, которые учитывают распространённые задачи: кроссбраузерную совместимость, производительность и печать. Это позволяет разработчикам начинать с проверенной основы, а не с пустого файла.

html5-boilerplate можно использовать бесплатно? Какая у него лицензия?

html5-boilerplate распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

html5-boilerplate всё ещё поддерживается?

Активно поддерживается. Последний коммит в html5-boilerplate — 12 окт. 2026 г..

Для чего можно использовать html5-boilerplate?

Создание нового статического сайта или лендинга на надёжной основе HTML и CSS. Быстрый старт разработки фронтенд-веб-приложения с шаблоном, не привязанным к фреймворку. Изучение лучших практик настройки HTML head, метатегов и стилей для печати.

Как установить html5-boilerplate?

Создайте структуру нового сайта с помощью create-html5-boilerplate: npx create-html5-boilerplate new-site Перейдите в папку нового сайта: cd new-site Установите зависимости: npm install Запустите проект: npm run start

Где скачать html5-boilerplate?

Исходный код и инструкции по установке — на GitHub: https://github.com/h5bp/html5-boilerplate