ソースコードの保守性って話はよく上がるんですが、 HTML の保守性はどうなんだろうってふと思いました。
様々なサイトの HTML コードを見ると、きちんと要素に id/class が割り当てられているものもあれば、そうでないものもあります。スタイルが CSS によって直接要素に割り当られていると、 DOM で新たにノードを追加したときに予期せぬ表示が行われます。既存ページへの被害を押さえるために、 CSS への変更は行わず追加したノードに対して !important をスタイルに割り当てて回避しています。
一方 JavaScript ではセレクター、 XPath を使ってノードを特定しやすい構造が好まれると思います。 id や class 属性を変えると、スタイルが崩れるだけでなく動作もしなくなります。個人責任とはいえグリモンもあっという間に使えなくなります。
DOM による構築は当たり前になっていますが、これからより DOM を利用する機会は増えてくると思います。既存ページへの拡張を行うといったときに、誰でもスムーズに拡張が行えるようなそんなページをつくれるように意識したいところです。
現時点でページをつくるときに自分が意識していることです。