2010-09-22 47 views
0

我正在浏览新的html 5功能,我看到并尝试了很多新标签,看看它们对浏览器有什么样的影响,但老实说我没有看到太大的差异。哪里可能需要一些html标签?

所以让我们谈论<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>标签,任何其他类似的标签。

最终,我的问题是为什么以及我们需要使用它们。

我最好猜它是为了使源代码更易于被代码和爬虫识别,或者它们可以用于语义网。但即使这些答案也不能令我满意。

+1

值得一读PPK关于'

+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>标签落在这条船上,它在标记中提供了比标签更多的语义含义。作为一个例子,这样未来的程序或浏览器可能能够使用该语义数据来改变每个用户的本地时区的时间。

+0

我在想同样的事情,但我真的很喜欢你的榜样。谢谢。 – Tarik 2010-09-22 23:38:20

3

正如您猜测的那样,语义标记用于向网页添加语义。浏览器默认情况下通常不会以不同的方式渲染,但您肯定可以使用CSS设计您想要的样式。

+0

因此,他们没有任何花式的东西在HTML 5规范中的这些特定元素或浏览器只是想渲染他们呢? – Tarik 2010-09-22 23:25:49

+0

不是。例如,您会如何期望浏览器呈现不同的时间? – geoffspear 2010-09-22 23:31:10

+0

嗯,实际上我在第一篇文章中举了一个例子,但让我再说一遍 - 例如:如果没有指定细节,它可以格式化为10到10:00。 – Tarik 2010-09-22 23:37:25

3

我不认为应该使用html标签来提供任何样式信息 - 这是css。但是,您应该在适当的时候使用新的标签。如果您正在制作html 5网站,那么为什么一段时间使用<span>标签,何时可以使用时间标签?许多这些新标签与他们的前辈在功能上没有什么不同,但它们的确允许您为标记添加更多含义。

4

语义标记赋予权力交还给用户

这是可能的,你可以写这样的:

<time datetime="2010-10-20" /> 

,浏览器将呈现为:

3 days ago 

或在用户偏好的一些其他语言中。

语义标记都是关于这些类型的东西。我们将文本标记为“意义”,而不是用于视觉样式。造型只是一个额外的。一旦你的意思是正确的,用户可以风格这些标记他们的偏好,而不是作者的偏好。这对于样式标记是不可能的,粗体标记可以用于增加重点,或者可以用于标题,而在其他地方可以用于文章的第一段。时间标记总是用于时间,强调标记始终用于添加重点,而没有别的。

许多浏览器都支持用户样式表,以允许用户覆盖网站使用的样式表,但由于它们目前无用,因此它们很少被使用,因为它们不加选择地应用样式(并且由于缺少工具支持,每个用户都喜欢编写CSS代码;但是我们可以争辩说缺少工具支持是因为没有太多的工具可以使用这些工具,因为它们对格式化标记的有用性有限)。

然后,有非视觉浏览器;有些视障人士使用听觉浏览器。这些浏览器不适用于格式标记。

+0

好吧,直到出现一个新的目的,这个新标签的含义将会是语义网和开发者可读的源代码。 – Tarik 2010-09-23 01:05:04