Вставка блоков HTML с помощью сокращенных команд Emmet

Emmet — это функция редактора, которая автоматически заменяет предопределенные текстовые сокращения на стандартные блоки HTML. В некоторых редакторах кода, таких как Visual Studio и WebStorm, Emmet поддерживается изначально. В других редакторах, таких как Atom и Sublime Text, для этого нужно подключать плагины.

Например, сокращение Emmet input:time преобразуется в следующий элемент:
<input type="time" name="" id="" />

Например, для того чтобы создать маркированный список из пяти элементов, используется сокращение ul>li*5

Результат:
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

С помощью сокращенной команды html:5 можно создать стандартный скелет веб-страницы, отвечающий современному стандарту HTML5:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
</html>