何时使用语义元素?

时间:2014-08-03 19:24:46

标签: html html5 semantics

我真的不明白我应该如何(通常)使用timeheaderfooter这样的语义元素。

articlenavfiguretime等,只需替换div id="post"div id="navbar"div id="illustration",{ {1}}因此,我应该只在我需要包装一些内容用于样式目的时才使用它们,或者它们不仅仅是那些?

2 个答案:

答案 0 :(得分:3)

概述:你应该经常使用它们。

如果您正在开发内部网应用程序,那么大多数时候没有人会关心它。

语义使用的好处在于公共区域(Int​​ernet)

  • 搜索引擎想要了解语义,因此可以更好地理解您的页面
  • 屏幕阅读器可以说"这是一个Blockquote","这是一个导航","这是一个页脚"

Semantic不是用于设置页面样式,semantik用于理解页面。盲人不会看到你的css,但一个结构良好的网站更适合用于发言和帮助盲人。

另请查看https://schema.org/

  

以下示例如何:有一些故事   在网页上的日期。我是否必须将这些日期放在时间标签内?

是。请在此处查看Mozilla文档:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time

根据它,你可以这样做:

<time datetime="2001-05-15 19:00">May 15</time>

您甚至可以在没有时间的情况下(根据文档可选)

<time datetime="2001-05-15">May 15</time>

答案 1 :(得分:1)

<footer>通常包含文档的作者,版权信息,使用条款链接,联系信息等。同一个故事适用于<header>。您可以在html文件中使用多个<footer><header>元素。

<time>元素可用作以机器可读方式编码日期和时间的方式,以便例如用户代理可以提供向用户添加生日提醒或预定事件的方法。日历和搜索引擎可以产生更智能的搜索结果。

一个例子:

<p>We open at <time>10:00</time> every morning.</p>

<p>I have a date on <time datetime="2008-02-14">Valentines day</time>.</p> 

以下是W3Schools页面的链接:

Footer page

Time page

我希望这能回答你的问题:)

相关问题