[解決済み] Should I use <ul>s and <li>s inside my <nav>s?
2022-07-17 02:05:27
Question
Now that we have a dedicated
<nav>
tag,
Is this:
<nav>
<ul>
<li><a href="#foo">foo</a></li>
<li><a href="#bar">bar</a></li>
<li><a href="#baz">baz</a></li>
</ul>
</nav>
any better than the following?
<nav>
<a href="#foo">foo</a>
<a href="#bar">bar</a>
<a href="#baz">baz</a>
</nav>
Assuming that I don't need an extra DOM level for some CSS positioning/padding, what is the preferred way, and why?
How to solved?
the nav element and the list provide different semantical information:
-
The nav element communicates that we're dealing with a major navigation block
-
リストは、このナビゲーションブロック内のリンクがアイテムのリストを形成していることを伝えます。
で http://w3c.github.io/html/sections.html#the-nav-element を見ると、nav 要素が散文を含むことができることがわかります。
そうです、nav要素の中にリストがあることは意味を持ちます。
関連
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] なぜブラウザはCSSセレクタを右から左へマッチングさせるのですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] hr要素の色を変更する
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み] HTML5でminlengthの検証属性はありますか?