Emmet basic syntax

#Emmet grammar

1. For a single element

1.1 Quickly generate a tag

Tag name +tab：
The renderings are as follows ：

h1 Press enter again ：
 <h1></h1>

1.2 Generate tags id attribute

* Tag name +tab+#

h1# Again · Press enter 
<h1 id=""></h1>

1.3 Generate tags classs attribute ‘

Tag name +tab+.

h1. Press enter again ：
<h1 class=""></h1>
h1.x Press again tab The key is as follows ：
 <ha class="x"></ha>

1.4 Generate other attributes of the tag

Tag name +[ attribute 】

img[alt], Press enter again ：
<img src="" alt="">

1.5 Generate multiple single elements

h1*3 Press again tab key  
<a href=""></a><a href=""></a><a href=""></a>

1.6 Generate the value of the tag

li{xx} Press again tab key ：
 <li>x</li>

2. For multiple elements

2.1 Generate multiple brothers

a+h1+h2 Press again tab key 
<a href=""></a>
     <h1></h1>
     <h2></h2>

2.2 Generate parent-child elements

Each element is enclosed by a greater than sign , Is the child element of which

ul>li>a Press again tab key 
<ul>
    <li><a href=""></a></li>
</ul>

2.3 Serial number ’@’ and ‘#’

ul>li.ix{[email protected]}*3 Press again tab key ：
<ul>
    <li class="ix">as1</li>
    <li class="ix">as2</li>
    <li class="ix">as3</li>
</ul>

3. practice （ Generate a 5*8 Table for ）

table>caption{ title }+(thead>th>br>tr{ Form head }*5)+tbody>th>br*7>tr{ Cell }*5 
 Press again tab key , This answer is for reference only