Emmet (anteriormente conocido como Zen Coding) es un desarrollo front-end puede mejorar en gran medida la eficiencia de una herramienta. fragmento de Emmet para mejorar este concepto a un nuevo nivel: Puede establecer las formas CSS se pueden resolver expresión dinámica, y luego obtener el contenido adecuado en función de la abreviatura que ha introducido. Emmet es muy maduro y es ideal para los desarrolladores de aplicaciones para usuario a escribir código HTML / XML y CSS, pero también se puede utilizar en los lenguajes de programación.
Ejemplos
descargar
dirección del sitio web oficial: http: //emmet.io/
Tapón de descarga: http: //emmet.io/download/
El editor soporta la siguiente
Más adelante hay atajos de descarga Dirección
uso
En un editor html:5
presiona la tecla de tabulación
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
1, una nueva etiqueta
En un editor div
presiona la tecla de tabulación
<div></div>
2, con una nueva clase (denominada C1) y la identificación (nombre ID1) Etiquetas
En un editor div#id1.c1
presiona la tecla de tabulación
<div id="id1" class="c1"></div>
3, la etiqueta anidada
ul>li
<ul>
<li></li>
</ul>
4, crear múltiples etiquetas
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
5, crear múltiples etiquetas y añadir la clase
ul>li.l$*5
<ul>
<li class="l1"></li>
<li class="l2"></li>
<li class="l3"></li>
<li class="l4"></li>
<li class="l5"></li>
</ul>
6. Crea una etiqueta de pares
div.div1+ul>li*2
<div class="div1"></div>
<ul>
<li></li>
<li></li>
</ul>
Un mayor uso se puede encontrar
Mapa de Emmet atajos
la descarga de imágenes
Enlaces: http://pan.baidu.com/s/1jIjSQ7W Contraseña: 27mx
por Weber.pub
Este artículo trata: http://weber.pub/emmet atajos - herramientas de codificación rápidos necesarios front-end /179.html