私は Web 2.0 サイトの開発に取り組んでおり、サイトがメニューやナビゲーション バーをどのように扱うかを調べてきました。多くのサイト (twitter など) は UL を使用しますが、stackoverflow などのサイトはリンクを含む ID である div を使用します。
IE のバグを排除する以外に、UL を使用しない利点はありますか?
ULを使用する利点はありますか?
ありがとう!
私は Web 2.0 サイトの開発に取り組んでおり、サイトがメニューやナビゲーション バーをどのように扱うかを調べてきました。多くのサイト (twitter など) は UL を使用しますが、stackoverflow などのサイトはリンクを含む ID である div を使用します。
IE のバグを排除する以外に、UL を使用しない利点はありますか?
ULを使用する利点はありますか?
ありがとう!
見方にもよりますが、UL は順不同リストの略です。要素を UL 要素に入れることは、要素の子 ( <li>
) がリスト アイテムであり、したがって論理グループであるという意味論的な方法です。これにより、html のチャンクに、単なる div タグの集まりよりも多くの構造/意味が与えられます。
メニューはリストですか?そう思います。したがって、このようなことができる場合は、ul を優先してください。
特にメニューが水平の場合、ul は css でスタイルを設定するのがより困難になる可能性があります。
私は個人的にすべてのメニュー ニーズに ul/li を使用しています。これにより、スタイル設定されていないブラウザー (リンクなど) でも、それがある種のメニューであり、Web サイトのさまざまな部分につながるさまざまなリンクであることが明確になります。
それだけでなく、マークアップは非常に簡単で、ul、li、および a を使用して非常に興味深いことを行うことができ、さまざまなオプション、CSS スプライト背景を備えた CSS で素晴らしいメニューを作成できます。
div を使用するとこれも可能になりますが、意図がわかりにくくなります。適切な CSS レイアウトを実行するブラウザーでは、違いに気付かず、唯一わかるのは、あなたと、ソースを表示するユーザーだけです。
JavaScriptを使用してDOMを解析する必要がある場合は違いがあるかもしれませんが、そうではないかもしれません...
UL はスクリーン リーダーにとってより使いやすく、メニューを他の html から切り離すことを強制する方法です。必要に応じて、li タグは基本的に div のように処理できます。
つまり、基本的な違いは、ul-tag はもう少し特殊化されていますが、div と本質的に同じものを提供できるということです。