Nota che possiamo creare elementi nidificati usando il > simbolo. Inoltre, per creare più elementi dello stesso tipo, utilizzare il * simbolo (pensare moltiplicare). Infine, possiamo impostare il valore di ogni elemento avvolgendo una stringa all'interno di parentesi graffe.

2. Creare una struttura di base del sito Web

 div # container> header> h1 My Header < + div#content  My Content  + footer > h2 My Footer

Produzione

 
  
 La mia intestazione 
  
 Il mio contenuto 
  

Questa volta, stiamo usando il < simbolo per risalire la catena. Questo ci consente di creare strutture HTML nidificate e quindi tornare all'inizio della catena per creare ulteriori elementi di pari livello.

3. Applicare attributi agli elementi

 ul [class = nav]> li * 5> a [href = http: //url.com] Link

Produzione

 
 
  collegamento  
 
  collegamento  
 
  collegamento  
 
  collegamento  
 
  collegamento  
 

Gli attributi possono essere applicati agli elementi posizionandoli tra parentesi ([). Se ometti il ​​valore - come, a [href], puoi quindi inserirlo manualmente dopo l'espansione. In MacVim, puoi usare il Controllo + N e Control + P scorciatoie per passare tra i punti di arresto successivo e precedente.