2014-02-18 93 views
4

我在<table>爲什麼要用個標籤,而不是TD標籤

使用的HTML THTD代碼之間的差異讀了根據http://webdesign.about.com/od/tables/f/blfaqthvstd.htm中,TH標籤defines the current cell as a table header.

它然後繼續要說某些瀏覽器會以不同的方式呈現TH標籤(由瀏覽器定義),但文章建議不要自己設計TH(通過CSS我認爲)。

我完全被這個困惑;這是建議使用TH標籤給我們沒有設計控制,並沒有價值/重要性...

我知道一些標籤是舊的,有些會變得過時,但我發現沒有提到TH標籤折舊也不能我看到它的任何價值。

有人會告訴我,如果我錯過了理解請。 Google是否以不同的方式讀取TH(我的研究再次沒有顯示),TH標籤是否幫助瀏覽器渲染表格,還是隻是我們想要的選項?

+0

除了''被粗體渲染,大多數人都會改變,我會說這只是一個強迫症的事情。 – J2D8T

回答

8

1)爲什麼要用個標籤,而不是TD標籤

語義,不管你使用td代替th,那麼,它將讓您的工作做愉快它不會讓你任何區別,但是,爲了區分它們,我們使用th,thead,tfoot等,就像我們可以使用div來包裝文本,但使用p會更有意義嗎?

此外,搜索引擎明白,什麼是您的文件包含,比方說,你用em所以無論你的風格你em文本,搜索引擎將得到哎,在em這個詞強調的線索,所以它在文檔中是重要的,可能是一個關鍵字。

這就像你在說醫生,我的身體在疼痛,但如果你描述你疼痛的哪一部分,將使醫生很容易判斷和解決問題。

因此,同樣的邏輯,如果你定義使用thtable的頭寧願而是採用td更有意義,將幫助搜索引擎知道以更好的方式您的內容,屏幕閱讀器讀出數據不同,瀏覽器更合適地顯示它。


2)它,然後繼續說,有些瀏覽器將呈現TH標籤不同

是,瀏覽器呈現th標籤的文字大膽


3)文章然後建議不要自己設計TH的樣式

好吧,我不會同意這一點在所有的,你可以風格的th標籤


4)我發現沒有提到的是,TH標籤貶值和我可以看到它的任何值。

不,他們沒有過時/棄用[1]

[1]。儘管如此,對於標記click here已棄用一些屬性以獲取更多信息。

+1

您對語義的解釋只是非常好,非常清晰,易於理解。謝謝。 – MyDaftQuestions

+0

是否有任何證據表明某些搜索引擎會在'th'和'td'之間做出區分,例如? –

1

TH屬性根據W3C,可以指定頭部單元的影響所通過的範圍屬性的單元格。

此屬性對SEO也很重要。它有助於優先考慮HTML頁面的元素。

如果你不想在你的網頁上優化SEO:不要使用它。

如果你想正確編碼尊重慣例:使用它。

但我真的不明白你的推理。這就像是說:

爲什麼STRONG標籤?已有SPAN標籤,我們可以在CCS中使用「font-weight:bold」對其進行設計!

但這沒有意義,因爲約定(如W3C)建立的議會更加準確地描述了所有可能的頁面元素。 因此新的HTML5標記與優勢的方向,如ADRESSSECTIONARTICLEASIDENAV,...

2

您已經部分誤解引用的文件。尤其是,它並不是說你不應該風格th;相反,你不應該僅僅使用th來「造型」,即將它用於不是表格標題的東西,只是爲了使它看起來粗體和居中。 (這個警告並不特別相關;我從未見過人們這樣做過。)

根據定義,th包含單元格的標題信息。這非常含糊,但在很多簡單的情況下,它非常明顯而且簡單 - 通常這樣表格的第一行包含列的標題,如數量名稱。

實際的影響是,如果特別的瀏覽器和輔助軟件知道數據單元和標題單元之間的關聯,那麼可以以更好的方式向用戶呈現表格。例如,當用戶正在調查某個特定單元時,它們可以代替「32°C」等內容,而是指示相關標題的名稱,例如「Max。溫度「來自列標題單元並且」開羅「來自行標題單元。

瀏覽器呈現th元素內容爲粗體,默認爲水平居中;這種做法正在HTML5中標準化。但這只是要考慮到的;如果需要,您可以在CSS中覆蓋它。特別是粗體對標題單元格非常有用,使它更易於注意並將它們識別爲標題。

也有不同的細微差別,例如不同的允許屬性集合(在HTML5中)。

相關問題