Ejemplo utilizando hermanos emmet

Utilizando el símbolo de +(más) con emmet podremos poner

un grupo de dos o mas elementos, que vendrían siendo hermanos

               en l aimage podemos ver que el div y la ul estan dentro del div con id page

por formar parte del mismo padre por ejemplo:

mostrando una figura con descripcion el codigo seria:

 figure> img+figcaption> p:

 ejecutando el codigo saldria:

 < figure> 

  < img src="" alt="" /> 

  < figcaption> 

   < p> < /p> 

  < /figcaption> 

 < /figure> 

 como se puede ver la img y figcaption vienen siendo hermanos por

 formas parte de figure.

 aqui otro ejemplo armando cuerpo de pagina:

 nav+article+section+aside+footer> div> li+li+li

Ejecutando el codigo nos daria como resultado:

< nav> < /nav> 

< article> < /article> 

< section> < /section> 

< aside> < /aside> 

< footer> 

 < div> 

  < li> < /li> 

  < li> < /li> 

  < li> < /li> 

 < /div> 

< /footer>

Anterior

Siguiente

emmet