Not exactly shiny technology, but XQuery seems to have a nice syntax [1]:

  element html {
    element body {
      element div {
        attribute id {"main"},
        "foo bar!",
        1 to 15,
        element footer { "this is the footer" }
      }
    }
  }

  <html>
    <body>
       <div id="main">foo bar! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15<footer>this is the footer</footer>
       </div>
    </body>
  </html>

1: https://www.w3.org/TR/xquery-31/#id-computedConstructors