【ネタ】HTMLだけでDOMをコピーする方法
正確にはjsを一本書いておけば、好きなDOMを複製できる方法です。
js側
指定したセレクタのHTMLを複製し、該当箇所にappendするjsを書く(jQueryでも可)
発動のトリガーはdata-js-includeの属性を持つ要素とする。
HTML側
引用元のHTMLは以下のようなものとする。
<ul class="gnav"><li>...</li></ul>
引用先のHTMLを以下のように記述する。
<ul data-js-include="#gnav"></ul>
実際はもっときれいな書き方があるしパフォーマンスどうなの、という疑問は残りながらも レスポンシブなどでこのDOMのコピーが欲しいなーと思った時に一度jsを書いておけば、 以後HTMLだけで書けるので重宝しそうです。