Введення у веб-розробку
  • Передмова
  • Починаємо
    • Вступ
    • TCP/IP протокол
    • HTTP
    • Веб-браузер
    • Веб-сервер
    • Cookies
    • Фронтенд і бекенд
    • Фреймворки
    • Редактори коду
    • Emmet
  • Git
    • Короткий опис
    • Базові Git-команди
  • HTML
    • Короткий опис
    • Теги і атрибути
    • Структура HTML-документу
    • HTML-файли
  • CSS
    • Короткий опис
    • Додавання CSS до HTML-документу
    • CSS-препроцесори
  • JavaScript
    • Короткий опис
    • Що таке ECMAScript?
    • Document Object Model
    • AJAX, JSON
    • Інструменти для збірки
    • Node.js
    • npm
  • PHP
    • Короткий опис
    • Середовище для розробки
  • MySQL
    • Короткий опис
    • Інструменти управління базами даних
  • MongoDB
    • Короткий опис
    • MongoDB shell
    • MongoDB GUI
    • Вибірка і сортування
    • Індекси
  • Linux
    • Короткий опис
  • Windows
    • Windows 10 підсистема для Linux
    • Chocolatey
    • Покращена консоль
  • Що далі?
    • Фронтенд
    • Бекенд
Powered by GitBook
On this page
  1. Починаємо

Emmet

PreviousРедактори кодуNextКороткий опис

Last updated 6 years ago

Emmet (раніше називався Zen Coding) — інструмент для веб-розробників, який дозволяє швидше писати HTML та CSS (або будь-який інший структурований формат коду). Можливість досягається за рахунок використання спеціальних комбінацій коду і клавіш. Після чого короткі позначення, які схожі на CSS селектори, трансформуються в HTML-код.

Emmet використовується як розширення (плагін) до вашого улюбленого текстового редактора. Наприклад, в редакторі, який підтримує даний інструмент, вводимо короткий запис

(li>a)*3
Використання короткого коду для демонстрації роботи Emmet

і тиснемо клавішу Tab. Після чого короткий код розгортається у відповідний HTML

Результат роботи Emmet

Детальніше про Emmet можна почитати на .

emmet.io