Agrupacion()()emmet.

• BY:Carlos Dario Flores
• 26/04/2015

{En este ejemplo de programación con emmet mostrare
la utilidad que nos puede dar el símbolo de paréntesis
ya que con emmet los paréntesis nos permiten agrupar
todos los elementos dentro de un padre básicamente
de esta manera:

html:5> div(nav+footer> h1)+aside

ejecutando el codigo:

< !doctype html>

< html lang="en">

< head>

 < meta charset="UTF-8">

 < title> Document< /title>

< /head>

< body>

 < div>

  < nav> < /nav>

  < footer>

   < h1> < /h1>

  < /footer>

 < /div>

 < aside> < /aside>

< /body>

< /html>

aqui otro ejemplo:

html:5> article> section(h1{appletenhtml}+p{texto}+hr)+section(video+br+a{link})^footer(ul> li{li $$}+li{ li $$}+li{li $$})

ejecutando el codigo:

< !doctype html>

< html lang="en">

< head>

 < meta charset="UTF-8">

 < title> Document< /title>

< /head>

< body>

 < article>

  < section>

   < h1> appletenhtml< /h1>

   < p> texto< /p>

   < hr>

  < /section>

  < section>

   < video src=""> < /video>

   < br>

   < a href=""> link< /a>

  < /section>

 < /article>

 < footer>

  < ul>

   < li> li 01< /li>

   < li>  li 01< /li>

   < li> li 01< /li>

  < /ul>

 < /footer>

< /body>

< /html>

agrupando todos los elementos puedes ir resumiendo como crear tu pagina web.
Tienes curiosidad de sabes que es el simbolo $?
continuemos.

Anterior

Siguiente

emmet

}