L'attribut title est-il correct avec des tables HTML ou existe-t-il une solution spécifique?

Question

J'ai un site WordPress avec plusieurs articles de blog qui ont des données tabulaires. Ces données tabulaires étant importantes, j'ai envisagé de créer un plugin qui permettrait de créer un sitemap pour les invités, mais je ne suis pas certain qu'il existe une solution appropriée pour identifier le nom ou le titre de la table.

Dans la recherche que j'ai lu et comprendre que le title attribute est un global attribute, ce qui signifie que vous pouvez l'utiliser sur tous les éléments:

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

</table> 

et:

L'attribut title représente des informations de conseil pour l'élément, , comme cela serait approprié pour une info-bulle. Sur un lien, cela peut être le titre ou une description de la ressource cible; sur une image, il pourrait être le crédit d'image ou une description de l'image; sur un paragraphe, ce pourrait être une note de bas de page ou un commentaire sur le texte; sur une référence , il pourrait s'agir d'informations supplémentaires sur la source; sur contenu interactif, il peut s'agir d'une étiquette ou d'instructions pour utiliser de l'élément; et ainsi de suite. La valeur est du texte.

mais je sais aussi que name n'est pas HTML5 compatible après avoir lu Can we give name to html <table>? mais il y a data-name="Hello World".

Des recherches plus approfondies J'ai regardé:

• About the Title/Alt attributes;
• HTML img tag: title attribute vs. alt attribute?
• 11 Tables
• <table>

En ce qui concerne le référencement, et le développement HTML5 compliancy plan du site ce qui est le manière correcte de déclarer le titre ou le nom d'une table parce que je rencontre des problèmes pour trouver une réponse dans un schéma concernant les tables autre que l'utilisation de l'attribut title?

Answer 1

Je ne suis pas sûr s'il y a une solution appropriée pour identifier le nom ou titre de la table.

Ce que vous cherchez est l'élément <caption>.

Exemple de travail:

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>

---

Lectures complémentaires:

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

Extrait:

L'élément HTML <caption> représente le titre d'une table [...] il est toujours le premier descendant d'un <table>