If you work with HTML much at all, use emmet.

Make sure you know how to use emmet.  It has plugins for every major IDE and text editor out there. 

http://docs.emmet.io/  (watch the short intro video)

Basically, you can type something like this:

div.myId>span.myClass

and with a hotkey (such as Tab in IntelliJ) it expands to this:

<div class="myId"><span class="myClass"></span></div>

Need another example?  
 This:

table>thead>tr>th*5^^^tbody>tr*2>td*5

becomes this:

<table>
    <thead>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>
    </thead>
</table>
<tbody>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
</tbody>