4
我在<table>
爲什麼要用個標籤,而不是TD標籤
使用的HTML TH
和TD
代碼之間的差異讀了根據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標籤是否幫助瀏覽器渲染表格,還是隻是我們想要的選項?
除了'
回答
1)爲什麼要用個標籤,而不是TD標籤
語義,不管你使用
td
代替th
,那麼,它將讓您的工作做愉快它不會讓你任何區別,但是,爲了區分它們,我們使用th
,thead
,tfoot
等,就像我們可以使用div
來包裝文本,但使用p
會更有意義嗎?此外,搜索引擎明白,什麼是您的文件包含,比方說,你用
em
所以無論你的風格你em
文本,搜索引擎將得到哎,在em
這個詞強調的線索,所以它在文檔中是重要的,可能是一個關鍵字。這就像你在說醫生,我的身體在疼痛,但如果你描述你疼痛的哪一部分,將使醫生很容易判斷和解決問題。
因此,同樣的邏輯,如果你定義使用
th
的table
的頭寧願而是採用td
更有意義,將幫助搜索引擎知道以更好的方式您的內容,屏幕閱讀器讀出數據不同,瀏覽器更合適地顯示它。2)它,然後繼續說,有些瀏覽器將呈現TH標籤不同
是,瀏覽器呈現
th
標籤的文字大膽3)文章然後建議不要自己設計TH的樣式
好吧,我不會同意這一點在所有的,你可以風格的
th
標籤4)我發現沒有提到的是,TH標籤貶值和我可以看到它的任何值。
不,他們沒有過時/棄用[1]
[1]。儘管如此,對於標記click here已棄用一些屬性以獲取更多信息。
來源
2014-02-18 10:31:13
您對語義的解釋只是非常好,非常清晰,易於理解。謝謝。 – MyDaftQuestions
是否有任何證據表明某些搜索引擎會在'th'和'td'之間做出區分,例如? –
TH屬性根據W3C,可以指定頭部單元的影響所通過的範圍屬性的單元格。
此屬性對SEO也很重要。它有助於優先考慮HTML頁面的元素。
如果你不想在你的網頁上優化SEO:不要使用它。
如果你想正確編碼尊重慣例:使用它。
但我真的不明白你的推理。這就像是說:
但這沒有意義,因爲約定(如W3C)建立的議會更加準確地描述了所有可能的頁面元素。 因此新的HTML5標記與優勢的方向,如ADRESS,SECTION,ARTICLE,ASIDE,NAV,...
來源
2014-02-18 10:48:07
您已經部分誤解引用的文件。尤其是,它並不是說你不應該風格
th
;相反,你不應該僅僅使用th
來「造型」,即將它用於不是表格標題的東西,只是爲了使它看起來粗體和居中。 (這個警告並不特別相關;我從未見過人們這樣做過。)根據定義,
th
包含單元格的標題信息。這非常含糊,但在很多簡單的情況下,它非常明顯而且簡單 - 通常這樣表格的第一行包含列的標題,如數量名稱。實際的影響是,如果特別的瀏覽器和輔助軟件知道數據單元和標題單元之間的關聯,那麼可以以更好的方式向用戶呈現表格。例如,當用戶正在調查某個特定單元時,它們可以代替「32°C」等內容,而是指示相關標題的名稱,例如「Max。溫度「來自列標題單元並且」開羅「來自行標題單元。
瀏覽器呈現
th
元素內容爲粗體,默認爲水平居中;這種做法正在HTML5中標準化。但這只是要考慮到的;如果需要,您可以在CSS中覆蓋它。特別是粗體對標題單元格非常有用,使它更易於注意並將它們識別爲標題。也有不同的細微差別,例如不同的允許屬性集合(在HTML5中)。
來源
2014-02-18 11:33:43
相關問題