Генератор Шаблона HTML — Бесплатно онлайн

Что делает этот инструмент

Генератор шаблона HTML создаёт стартовый каркас страницы HTML5: объявление <!DOCTYPE html>, элемент <html> с атрибутом lang, <head> с кодировкой UTF-8 и заголовком страницы, а также <body> с заголовком первого уровня. Измените заголовок или язык — и код сразу обновится.

Три опции включены по умолчанию, и их можно отключить: адаптивный мета-тег viewport (без него страницы некорректно отображаются на телефонах), ссылка на style.css и тег script.js с атрибутом defer, благодаря которому скрипт загружается параллельно и выполняется после разбора страницы. Заголовок и язык экранируются, поэтому символы вроде & или < не создают проблем.

Когда использовать

• Нужен чистый HTML-файл для прототипа, демо или воспроизведения бага.
• Нужно показать ученикам минимальную структуру валидной страницы HTML5.
• Вы делаете статичный лендинг, прежде чем подключать фреймворк.
• Нужно проверить, какие теги должны быть в head, прежде чем добавлять SEO-теги с помощью генератора мета-тегов.

Пример

Ввод

Заголовок страницы: My Page
Код языка: en
Viewport, style.css и script.js включены

Вывод

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>My Page</h1>
  <script src="script.js" defer></script>
</body>
</html>

Вопросы об этом инструменте