HTML5特定日期/時間模塊的語義標記

我的頁面上有一個元素，用於通知用戶事件正在進行的日期，月份和年份以及最後幾天要在事件之前進行。我想知道HTML5規範中的以下內容是否是此數據的正確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>

上正確標記任何建議：什麼樣的標記需要產生

enter image description here

我的標記（上面的圖像略有不同）

例子嗎？

來源

2013-09-22 Iamsamstimpson

我不確定<section> -element是否是此容器的正確包裝。 specs on 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>

第一個描述持續兩天，該活動將持續。第二個指定事件開始的那天。如果沒有標籤，它仍然會顯示「倫敦2013年2月20日至21日24天前往」。

你可以w3.org閱讀更多關於它在這裏：

4.6.11 The time element
2.4.5.9 Durations

來源

2013-09-22 09:51:35 insertusernamehere

非常感謝你，我不知道「持續時間」 eithin日期時間attr的。 – Iamsamstimpson

只是一個簡單的說明，在我的標記中，也許「倫敦」可能是標題的標題，因此證明了標籤的標籤？ – Iamsamstimpson

@pixeltooth我也在想這個，把位置作爲標題。我認爲這可能是一個很好的解決方案。 – insertusernamehere

HTML5特定日期/時間模塊的語義標記

回答

相關問題