我正在浏览新的html 5功能,我看到并尝试了很多新标签,看看它们对浏览器产生了什么样的影响,但老实说,我没有看到太多差异。
所以我们来谈谈<time>
标签作为例子:
如果你写下
<time>10:00</time>
显然它在页面上显示10:00 但我的意思是我在期待什么 高级格式化。例如, 如果我写<time>10</time>
它可以 将其格式化为10:00而不是仅仅 在页面上显示10。另一个例子可以是
<time datetime="2008-02-14">Valentines day</time>
它也只是显示 页面上显示Valentine days
而已。没有工具提示,不是花哨的 动画不像他们。
它们是这样的标签,如果需要,我很可能会使用span或其他东西,并使用某种类型的js代码使其更具吸引力,这就是全部。
所以我不只是在这里谈论<time>
标签,还有其他类似标签。
最后,我的问题是我们需要使用它们的原因和位置。
我最好的猜测是使代码和抓取工具更易于阅读,或者可以将它们用于语义网。但即使这些答案也不能让我满意。
答案 0 :(得分:4)
它们肯定用于为标记添加语义含义。例如:
<div class="post">
<h1>Example Blog Post</h1>
<div class="entry">
<p>Blog text goes here...</p>
</div>
<div class="entryFooter">
<p> Posted in example category.</p>
</div>
</div>
不像使用HTML5标记那样可读:
<article>
<header>
<h1>Example Blog Post</h1>
</header>
<p>Blog text goes here...</p>
<footer>
<p>Posted in example category.</p>
</footer>
</article>
它还有助于使标记对开发人员更具可读性,我认为它使样式更容易。 <time>
标记属于此标记,并且它在标记中提供的语义含义比<span>
标记更多。这样,未来的程序或浏览器可能会使用该语义数据来改变用户本地时区的时间作为示例。
答案 1 :(得分:4)
语义标记为用户提供权力
您可以编写如下内容:
<time datetime="2010-10-20" />
,浏览器将其呈现为:
3 days ago
或用户偏好的其他一些语言。
语义标记都是关于这些事情的。我们正在标记文本的“含义”,而不是视觉样式。造型只是一个额外的。一旦理解正确,用户可以根据自己的喜好设置这些标记的样式,而不是作者的偏好。对于样式标记,这是不可能的,可以使用粗体标记来增加重点,或者可以将其用于标题,而在其他地方,它可以用于文章的第一段。时间标记总是用于时间,强调标记总是用于增加强调,而不是其他任何东西。
许多浏览器支持用户样式表以允许用户覆盖网站使用的样式表,但它们很少使用,因为它们目前无用,因为它们不加选择地应用样式(并且由于缺乏工具支持,而不是每个用户喜欢编写CSS代码;但我们可以说缺乏工具支持是因为没有多少人会使用这些工具,因为他们对格式化标记的用处有限。)
然后,有非可视浏览器;一些视力残疾人使用听觉浏览器。这些浏览器不适用于格式化标记。
答案 2 :(得分:3)
正如您所猜测的,语义标签用于向网页添加语义。默认情况下,浏览器通常不会以不同的方式呈现,但您当然可以使用CSS来设置它们的样式。
答案 3 :(得分:3)
我认为不应该使用html标签来提供任何样式信息 - 这是针对css的。但是,您应该在适当的时候使用新标签。如果您正在制作html 5网站,为什么可以使用<span>
标签一段时间,何时可以使用时间标签?很多这些新标签与其前辈的功能没有什么不同,但它们确实允许您为标记添加更多含义。