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