0

タイトルが示すように、HTML ページのメイン コンテンツをリスト アイテム内に配置することを検討しています。それがどれほどセマンティックなのかわかりません。リストに関する記事は、リストの項目と見なされるものについて (おそらくそうすべきではないため) あまり具体的ではありません。したがって、次のことを考慮してください。

<ul>
    <li><h5>Main Content</h5>
        <ul>
            <li><article><h1>Article Title</h1>
                    <p>Here's my main, feed-ready content.</p></article></li>
            <li><aside>Related Links</aside></li>
        <ul>
    </li>
    <li><aside>Recommended Links</aside></li>
</ul>

さて、私はスタイリングの目的でこの配置について考えました (私は知っています... セマンティクスの会話を開始するのに最悪の場所です)。私のマークアップの他の場所でスタイル<ul>'sが設定されています。それを本編にも落とし込めたらすごく便利ですよね。display:table;<li>'sdisplay:table-cell;

ベスト プラクティスを探しているわけではありませんが (コメントはお気軽に)、これが意味的に間違っている場合。

4

2 に答える 2

1

それらが兄弟要素ではなく子要素である限り、li意味的に問題なく、HTML4 および HTML5 で有効です。

良いものの例：

<ul>
    <li><article>Article Here</article></li>
    <li></li>
</ul>

よくない例:

<ul>
    <li></li>
    <article>Article here.</article>
    <li></li>
</ul>

ここの許可されたコンテンツ セクションでは、liに含めることができるもの (基本的には以下に示すフロー要素)について詳しく説明しています。

ここに画像の説明を入力

于 2013-04-02T17:49:39.147 に答える
0

私はあなたがそれをすべきではないと思います。

ページのメイン コンテンツは、確かにul. ただし、適切かどうかはコンテンツの種類によって異なります。

理にかなっている簡単な例: 「私のお気に入りの果物」というタイトルのページulで、すべての果物がliです。

しかし、あなたの場合、リストの内容は意味のある意味で関連していません。あなたのリストは何ですか？…えっと、何、ページ コンポーネントのリストですか? このルートを使用するulと、段落のリスト、文中の単語のリスト、または単語の文字のリストにも a を使用できます。

私はあなたがそれを「してはならない」とは言いません (仕様は の使用についてかなりオープンですul)。

<ul>
  <li><h1>Fruits!</h1></li>
  <li>Welcome to my site.</li>
  <li>I write about fruits here and I hope you enjoy your visit.</li>
  <li><h2>What I like about fruits</h2></li>
  <li>They are tasty.</li>
  <li>And healthy.</li>
</ul>

<ul>
  <li>Hi, </li>
  <li>my </li>
  <li>name </li>
  <li>is </li>
  <li>John. </li>
</ul>

このようなあまり意味のない方法でリストを使用すると、一部のスクリーンリーダー ユーザーが混乱する可能性もあります。ページ上のリストにジャンプしたり、リスト アイテムでナビゲートしたりする機能がよくあるためです。コンテンツ。

スタイリングにのみ必要です。divそのため、代わりに要素 (クラスを含む)を使用してください。

于 2013-04-03T17:25:24.423 に答える