1

私のページには、イベントが行われている日、月と年、そして最後にイベントまであと何日かをユーザーに通知する要素があります。HTML5 仕様内の以下が、このデータの正しい HTML5 マークアップ パターンであるかどうか疑問に思っていました。

マークアップが生成する必要があるものの例

ここに画像の説明を入力

私のマークアップ(上の画像とは少し異なります):

<section>
    <div>London</div>
    <time datetime="2013-02-20">20</time>
    –
    <time datetime="2013-02-21">21</time>
    <time datetime="2013-02">Feburary 2013</time>
    <div>24 days to go</div>
</section>

正しいマークアップに関する提案はありますか?

4

1 に答える 1

2

<section>-element がこのコンテナーの適切なラッパーであるかどうかはわかりません。w3.orgの仕様には次のように書かれています。

このコンテキストでのセクションは、通常は見出しを持つコンテンツのテーマ別グループです。

マークアップの例では、追加できる見出しはありませんが、日付自体が「コンテンツのテーマ別グループ」であるとは思いません。それは、他のコンテンツへのメタ情報です。

<time>-elementsに関して、このことを書く別の方法は次のようになります。

<div>London</div>
<time datetime="P2D">20 - 21</time>
<time datetime="2013-02-20">Feburary 2013</time>
<div>24 days to go</div>

最初のものは、イベントが続く 2 日間の期間を説明しています。2 番目は、イベントの開始日を指定します。タグがなければ、まだ「ロンドン 2013 年 2 月 20 日 - 21 日 24 日後」と表示されます。

詳細については、w3.orgを参照してください。

4.6.11 時間要素
2.4.5.9 期間

于 2013-09-22T09:51:35.123 に答える