Hasn't this been solved with editor extensions such as Emmet?

  div.thing {tab}

expands to

  <div class="thing">