【问题标题】:When is it appropriate to use semantic elements?什么时候适合使用语义元素?
【发布时间】:2014-08-03 19:24:46
【问题描述】:

我真的不明白我应该如何(经常)使用语义元素,如timeheaderfooter

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

【问题讨论】:

标签: html semantics


【解决方案1】:

一般:您应该尽可能多地使用它们。

如果您开发的是 Intranet 应用程序,大多数时候没有人会关心它。

语义使用的好处在于公共区域(互联网)

  • 搜索引擎想了解语义,以便更好地理解您的网页
  • 屏幕阅读器可以说“这是一个块引用”、“这是一个导航”、“这是一个页脚”

语义不是用来设置页面样式的,语义是用来理解页面的。例如,盲人看不到您的 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>

【讨论】:

  • 下面的例子呢:网页上有一个带有一些日期的故事。我必须将这些日期放在time 标签中吗?
  • 酷,谢谢。另外,你觉得stackoverflow.com/questions/25099551/…怎么样?你会使用header 元素吗?和这个问题有关
  • @user3790069 如果此处此站点标题中的“stackoverflow”是文本而不是图像,那么它将是&lt;h1&gt; 的良好候选者。所以这说:标题中的标题将是标题,在每个页面上都是相同的。一个特定的标题与我的内容更相关。
【解决方案2】:

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

&lt;time&gt; 元素可以用作以机器可读的方式对日期和时间进行编码的一种方式,例如,用户代理可以向用户的日历和搜索引擎添加生日提醒或预定事件可以产生更智能的搜索结果。

一个例子:

<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

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

【讨论】:

  • 很抱歉,这是我的第一个答案,所以我还不是很擅长。感谢您的反馈! ;)
  • 欢迎来到 SO。就SO而言,您的回答完全可以。这只是一个提示,开发人员并不真正喜欢这一面,因为他们出售昂贵的证书,在行业中毫无价值,而且他们的文档并不完整。你的回答没有问题。感谢您为 SO 做出贡献。
  • 非常感谢你让我知道哈哈,祝你有美好的一天:)
猜你喜欢
  • 2011-09-13
  • 2010-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-02-28
  • 2019-09-17
相关资源
最近更新 更多