html - 正确使用次要文本 block 的文章标签

Question

我正在建立一个网站，并在谷歌地图旁边设置商店营业时间，在这两个元素的上方是地址，但想知道在某些标签旁边放置的正确语义标签是什么。

a) 地址

和

b) 时间

我曾考虑将文章标签放在 map 和营业时间旁边，因为它本身是独立的，并且与地址相同，但后来我在 HTML5 网站的某处读到它应该“独立/可分发”。两者本身似乎都微不足道(本身不是新闻文章)。

我在想:

a) 两个 div，

b) 两篇文章，

c) 一个 div 用于地址，一篇文章用于小时(b/c 地址似乎次要，没有标题，而小时有标题，感觉更实质)

d) 一篇围绕两个元素的组合文章，带有用于样式的 div？

格式:

第 1 行:图片

第2行:地址(我们位于Yorkdale Shopping Centre。我们的地址是:3100 Dufferin St. Toronto, Ontario, M4W 3L8)

第 3 行:谷歌地图 + 营业时间(我们的营业时间: 周一:上午 10 点至晚上 7 点 周二:上午 10 点至晚上 7 点 周三:上午 10 点至晚上 7 点 周四:上午 10 点至晚上 8 点 周五:上午 10 点至晚上 8 点 周六:上午 10 点至晚上 7 点 周日:中午 12 点至下午 6 点)

JSBin:http://jsbin.com/yuyuwis/edit?html,css,output

Answer 1

我不确定我是否理解这个问题，但我可以说我看到文章标签的使用方式是使用文本 block ，例如某种文本帖子。一条评论。

地址部分看起来不错，只是一个<div>并使用 <span>为各个部分设置样式。

我会在开放时间做这样的事情，因为它在技术上是一个时间表，因此使用表格是合乎逻辑的。

<div class = "timetable">
     <table>
       <thead>
         <th></th>
         <th></th>
       </thead>
       <tbody>
         <tr>
           <td>Monday</td>
           <td>7-12</td>
         </tr>
         <tr>
           <td>Tuesday</td>
           <td>8-11</td>
         </tr>
       </tbody>
     </table>
   </div>

在这种情况下我不会使用 article 标签，因为它真的没有意义。