Emmet插件：可以用 emmet代码+Tap  写出更多并快捷的html代码，主流编辑器均可安装，安装方法也均不相同！

 

 

         
         
         
         
         
         
             
         
         
         
         
                 
                 1,生成带类样式的标签    
         
    
         
     
    
         
     
    2,生成带id的标签    
         
    
         
     
    3,a标签    
             
             
             4,根据标签之间的位置来生成标签    生成同级,兄弟标签 
         
    
信息
        后代标签    
         
     
        
      
    
     
    
         
     
        
      
        
      
        
      
    
     
    
         
     
        
      
        
      
        
      
    
     
    生成当前标签的父级,也叫上级标签    
         
    
    5,你也可以在生成标签的时候,同时创建内部的文本    
         
     
        
      
demo
        
      
demo
        
      
demo
        
      
demo
        
      
index
    
     
    
         
    
         
     
      内容
     
    6,快速生成一个有8个列表项的导航    
         
     
        
      
导航
        
      
导航
        
      
导航
        
      
导航
        
      
导航
        
      
导航
        
      
导航
        
      
导航
    
     
    7,给标签自动添加编号和排序:$.@    
         
     
        
      
导航1
        
      
导航2
        
      
导航3
        
      
导航4
    
     
    
         
     
        
      
导航01
        
      
导航02
        
      
导航03
        
      
导航04
    
     
    ul.list>li.item*4>a{导航$$@-}    
     
        
      
导航04
        
      
导航03
        
      
导航02
        
      
导航01
    
     
    ul.list>li.item*4>a{导航$$$$@100}    
     
        
      
导航0100
        
      
导航0101
        
      
导航0102
        
      
导航0103
    
     
    ul.list>li.item*4>a{导航$$@-100}    
     
        
      
导航103
        
      
导航102
        
      
导航101
        
      
导航100