この要素をメイン コンテンツとする Web ページがあるとします。
<div id="maincontent">
<h2>Sub-header</h2>
<p>Some stuff.</p>
<p>More stuff.</p>
<p>Even more stuff.</p>
<p>
<span class="bold">Contact:</span><br>
Guy With Name<br>
09-009 990<br>
<a href="mailto:guy.with.name@atkkierratys.com">email</a>
</p>
</div>
以下に説明する方法でそれを行わない理由はありますか?
<div id="maincontent" style="white-space:pre-wrap">
<h2>Sub-header</h2>
Some stuff.
More stuff.
Even more stuff.
<span class="bold">Contact:</span>
Guy With Name
09-009 990
<a href="mailto:guy.with.name@atkkierratys.com">email</a>
</div>
ターゲット サイトでは、コンテンツの外観が非常に単純化され、メイン コンテンツに DOM 構造を必要とする派手な UI トリックや JS ツールはほとんどないでしょう。コンテンツはメモ帳レベルのアプリで編集されます (shtml を処理できる site-builder-apps がなく、何らかの理由で私が利用できない状況と組み合わされている場合を除きます)。私がこれを行う理由の 1 つは、HTML にあまり詳しくない人でも編集を簡単に行えるようにすることです。これにより、このサイトをできるだけ私に依存しないようにすることができます (協会全体はボランティア活動に基づいています)。
余談ですが、ページは私が作業に入る前に WYSIWYG エディターで作成および編集されていました。コードを手書きに置き換えることで、ドキュメントのサイズは半分になりました。