2010-09-22 48 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