Tutorial emmet

En este ejemplo de programación mostrare el uso que puedes dar a emmet la evolución de Zen coding el cual agrega mejoras para los editores de texto que permiten la codificación de alta velocidad y la edición  páginas web, css y en diversas opciones desde Dreamweaver hasta notepap++.

Imagínate el atajo que ganas escribiendo la simple acción de script:src
Presionando control + e daría como resultado el escribir el siguiente código:

< script type="text/javascript" src=""> < /script> 


Escribiendo nav > li*10

Escribirías:

< nav> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< /nav> 

Si quieres entender más sobre el uso de emmet Aquí una lista de ejemplos básicos:

Nota: los ejemplos son echos en notepad++

Ejemplos Emmet:

Descargar emmet		Instalar emmet en Notepad++		Hijo >emmet
Hermanos(Sibling) + emmet		Subiendo(Clim-up) ^emmet		Agrupacion()()emmet
Numeracion de articulos y Multiplicacion* emmet		Atributosid y class(ID and CLASS attributes)emmet		Asignando atributos emmet

Siguiente

emmet