2017-08-29 21 views
-1

我有一個WordPress網站,有幾個有表格數據的博客文章。這個表格數據很重要,所以我一直在考慮構建一個插件來構建一個供客人蔘考的站點地圖,但我不確定是否有適當的解決方案來識別表的名稱或標題。HTML表格的標題屬性是否正確或者是否有特定的解決方案?

在研究中我已閱讀並理解title attributeglobal attribute,這意味着你可以用它在所有元素:

<table id="foo" class="bar" title="Hello World"> 

</table> 

和:

title屬性代表元素 的諮詢信息,例如適用於工具提示。在鏈接上,這可能是標題或目標資源的描述;在圖像上,它可以是圖像信用或圖像的描述;在 段落,它可能是對案文的腳註或評論;在一個 引文,它可能是關於來源的進一步信息;在 交互式內容中,它可能是元素的標籤或使用 的說明;等等。值是文本。

,但我也知道,name是不讀書Can we give name to html <table>?後兼容HTML5但data-name="Hello World"

進一步研究,我已經看了:

在關於搜索引擎優化,HTML5合規性和網站地圖的發展是什麼正確的方式來聲明標題或表的名稱,因爲我有問題在任何關於表的使用title屬性以外的表中找到答案?

+0

我能爲downvote解釋第一後裔? –

+1

「關於搜索引擎優化」...這個問題是離題。嘗試https://webmasters.stackexchange.com/ – Quentin

+0

「網站地圖開發」 - 我不知道你的意思。你在談論sitemap.xml嗎?或者是面向描述網站重要部分的HTML文檔的用戶?你真的想通過添加標記來實現什麼? – Quentin

回答

1

我不確定是否有適當的解決方案來識別名稱或 表的標題。

您正在尋找的是<caption>元素。

工作實施例:

table { 
 
width: 500px; 
 
} 
 

 
table, th, td { 
 
border: 1px solid rgb(191, 191, 191); 
 
} 
 

 
caption { 
 
line-height: 32px; 
 
font-size: 16px; 
 
font-style: italic; 
 
}
<table> 
 
<caption>I am a table caption</caption> 
 
<thead> 
 
<th>Header Cell</th> 
 
<th>Header Cell</th> 
 
</thead> 
 
<tr> 
 
<td>Data Cell</td> 
 
<td>Data Cell</td> 
 
</tr> 
 
<tr> 
 
<td>Data Cell</td> 
 
<td>Data Cell</td> 
 
</tr> 
 
</table>


進一步閱讀:

http://developer.mozilla.org/en/docs/Web/HTML/Element/caption

摘錄:

的HTML <caption>元素代表了一個標題[...]它始終是一個<table>

+0

caption元素修改表格的內容,這不是我正在尋找的東西,這是我尋找後端解決方案的原因,因爲內容來自於自動後期攝取。如果我不希望它可見,我將不得不構建'display:none;'的黑客解決方案。 –

+1

關於使用'display:none'(或者,對於'visibility:hidden',或者'opacity:0'),沒有什麼好奇的。 ''是一個明確且專門用於表示表格標題的元素。我不清楚爲什麼''不完全符合你的要求。 – Rounin

+0

把內容放在一個你永遠不想向任何人展示的文檔中是很冒險的。這也是黑帽SEO的海報小孩。 – Quentin

相關問題