2

私はウェブサイトを開発していて、ナビゲーションに順序付けられていないリストを使用していましたが、しばらく前にyahoo開発者ブログからの記事に出くわしました。この記事では、読み込み時間を改善する方法を説明し、パフォーマンスを改善するためのヒントやコツがたくさんあります。今、私はhtmlのセマンティクスについてグーグルで検索し、リンクのulリスト、または「div」内の「a」タグの束、または目的要素に意味的に適切なその他のタグを使用しようとしました。実際、誰もがそれらを使用することを奨励しており、私にとってはすでに自然に感じていますが、私は自分のリンクを数え、およそ120（おそらくそれ以上）のリンク（それぞれがリスト要素内）を持っています。あなたは何を提案しますか？または誰かがそれについての良い記事を提案できますか？

<ul>
     <li>
         <a href="#">Link</a>
     </li>
</ul>

or

<div>
     <a href="#">Link</a>
</div>

PSああ、そして私のリンクについて驚かないでください。理由があります:)

4

4 に答える 4

3

CSSレンダリングの観点からは、CSSがよりクリーンになると思うので、順序付けされていないリストを使用します。また、サイトにはおそらくはるかに多くのdivがあるため、ブラウザが一致するものを検索するときに、すべてのdivスタイルに一致するように試みる必要はありません。ただし、これは実際にはマイクロ最適化であり、ページのプロファイルを作成して問題が発生しない限り、それほど心配する必要はありません。

ページのパフォーマンスを向上させることに関しては、他にも多くの方法があります（キャッシュ、縮小、ラウンドトリップの削減）。これを読むことをお勧めします。これは、Webパフォーマンスのベストプラクティスに関するGoogleの考えです。また、お気に入りのWebブラウザー（Chromeである必要があります）のプロファイリングツールのいくつかをチェックしてください。

于 2012-09-18T18:11:20.157 に答える
3

この場合のliulのベストプラクティス、詳細については、この投稿が役立つと思います。なぜ「div」の代わりに「li」を使用する必要があるのでしょうか。

于 2012-09-18T18:15:25.453 に答える
1

私はあなたの120リンクがdivまたはリスト内のどちらかであなたのページを遅くするとは思わない、あなたはcssを使ってdivまたはリストを制御することができる、あなたはそれらをフォーマットするためにjsを必要としない。考慮すべき点は....ページあたりのコンテンツの量、サイトをホストしているユーザー、ページあたりの画像の数とそのサイズ、htmlファイルの合計サイズ、そして最も重要なデータベース呼び出しです。

于 2012-09-18T18:08:42.603 に答える
1

通常、ナビゲーションによってページの読み込み時間が長くなることはありません。

別の理由で、順序付けされていないリストに固執する必要があります。一部のスクリーンリーダーソフトウェアと検索エンジンは、順序付けされていないリストがナビゲーションとして使用されることを学習しました。

また、CSSをアクティブにしていない人も、リストをナビゲーションとして認識します。

HTML5を使用する場合は、ナビゲーションを<nav>タグでさらにラップします

于 2012-09-18T18:19:33.357 に答える