14

記事の最後に一連の脚注があるとします。

<article>
    <p>Some content here</p>
    <ol class="footnotes">
        <li id="footnote-1">Footnote 1 text</li>
        <li id="footnote-2">Footnote 2 text</li>
    </ol>
</article>

olまたはclass = "footnotes"よりも説明的/セマンティックな HTML5 コンテナー要素はありますdivか (または、要素をラップする適切なコンテナーがありますolか)? そして、個々の脚注のporよりも説明的/意味的なテキスト要素はありますか? liそうでない場合、少なくとも使用する一般的なクラス名を確立するマイクロフォーマットがおそらくありますか?

この質問は、脚注リンクのマークアップに関するものではないことに注意してください。これは既に説明されており、HTML には脚注リンクを意味的に識別する要素がまだないようです。簡潔にするために、ここではサンプル マークアップからの脚注リンクとバック リンクを省略しました。

4

1 に答える 1

12

専用のメカニズムはまだありませんが、リンク付きの脚注、またはリスト要素を含む単純なフッター ノートとサイド ノートを、共通の提案された代替マークアップにマージできます。これはすでに見たことがあるかもしれません - 「専用要素のない HTML5 の一般的なイディオム」

<section>単一の 内に複数の脚注が出現する場合は、要素内で各脚注をラップする方が確実に実行可能<article>です。<footer>そうでない場合は、またはで囲むことができます<aside>。その後、コンテンツ要素が通常どおり続きます。<p>説明的なセグメントと同様です。

「マイクロフォーマットを使用した脚注」の別の例を次に示します。

于 2013-08-10T22:06:06.027 に答える