Вставка блоков HTML с помощью сокращенных команд Emmet
Emmet — это функция редактора, которая автоматически заменяет предопределенные текстовые сокращения на стандартные блоки HTML. В некоторых редакторах кода, таких как Visual Studio и WebStorm, Emmet поддерживается изначально. В других редакторах, таких как Atom и Sublime Text, для этого нужно подключать плагины.
Например, для того чтобы создать маркированный список из пяти элементов, используется сокращение ul>li*5
С помощью сокращенной команды html:5 можно создать стандартный скелет веб-страницы, отвечающий современному стандарту HTML5:
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>
Просмотры: 25