私の問題の紹介
私のプロジェクトの 1 つで、クリーンなセマンティック コーディングについて際限なく愚痴をこぼすことができる夜の 1 つです。途中で学んだことをリストしたいポートフォリオがあるとしましょう。最初のリストには言語が含まれ、2 番目のリストにはシステムが含まれます。この場合、言語には、2 番目のリストの特定の言語で作成されたシステムを参照するサブリンクも含めることができます。
<nav id="categories">
<ul>
<li>
<a href="/languages"><span class="main_category">Languages</span></a>
<ul id="languages">
<li>
<a href="/languages/php"><span class="sub_category">PHP</span></a>
<ul id="php_systems">
<li>
<a href="/php/systems/pyrocms"><span class="sub_category">PyroCMS</span></a>
</li>
<li>
<a href="/php/systems/joomla"><span class="sub_category">Joomla</span></a>
</li>
</ul>
</li>
<li>
<a href="/languages/javascript"><span class="sub_category">Javascript</span></a>
</li>
</ul>
</li>
<li>
<a href="/systems"><span class="main_category">CMS Systems</span></a>
<ul id="systems">
<li>
<a href="/systems/pyrocms"><span class="sub_category">PyroCMS</span></a>
</li>
<li>
<a href="/systems/joomla"><span class="sub_category">Joomla</span></a>
</li>
</ul>
</li>
</ul>
実際の質問 URL がパンくずリストとして機能するため、これはユーザーにとって最もクリーンな方法のようです。ユーザーは、pyrocms が実際には php ベースの cms システムであることを知っています。でも。2 番目のリストには、維持しやすい短い URL アプローチがあります。だから3つのオプション:
- すべての場合に長いリンクのアプローチを使用します (2 番目のリストにもあります)。
- すべての場合に短いリンクのアプローチを使用します (深くネストされたリストでも)
- 組み合わせを使用する (深いネストの長いリンクとルートの短いリンク)