これは、ベストプラクティス/メンテナンスの容易さに関する質問です。
ブラウジングを簡単にしたいウェブページがいくつかあります。そのために、フラグメント識別子 (内部リンク) を使用します。これが私の HTML の例です。
<article>
<h1>Name of WebPage</h1>
<h2>Section One</h2>
Here is the content of my Section one.
<h2>Section Two</h2>
Here is the content of my Section two.
<h2>Section Three</h2>
Here is the content of my Section three.
....(may have additional h2 sections)
</article>
これらの Web ページは、多数の h2 タグがあるとナビゲートが困難になる可能性があります。フラグメント識別子を利用して「セクション 1」、「セクション 2」、「セクション 3」などにリンクするサイド メニュー バーを使用したいと考えています。
ここで、この html コードを変換してフラグメント識別子を使用する必要がありますが、このコードを変更する前に、これを行う方法についてさらに考えたいと思いました。
いくつかのオプションがあります：
1) マニュアル変更
<h2> NameOfH2 </h2>
に
<h2 id='NameOfH2'> NameOfH2 </h2>
次に、サイド メニューにフラグメント識別子のリンクを手動で追加します。
2) マニュアル変更
<h2> NameOfH2 </h2>
に
<h2 id='NameOfH2'> NameOfH2 </h2>
次に、Javascript を使用して、ページが読み込まれるたびにサイド メニュー バーの Fragment Identifier リンクを作成します。
方法 2 を使用して、ページにコンテンツを追加するとサイド メニュー バーに自動的に表示されるようにしたいのですが、これを行うべきではない理由があるかどうかを確認したかったのです。
また、編集するタグがたくさんあるので、HTML に ID を追加する方法について何か考えがあるかどうか疑問に思っていました。現在、各ページを通過して各タグを編集するプログラムを作成することを検討していますが、解決策が既に存在するかどうかを確認したかったのです。
事前に助けてくれてありがとう！