Wgw
5 307
modifications
Modifications
m
→En-têtes de rangées et de colonnes
=== En-têtes de rangées et de colonnes ===
En HTML, les cellules d’en-tête se marquent avec l’élément <code>th</code> au lieu de <code>td</code>. Visuellement, le texte de ces cellules est généralement en gras et centré. Dans la [[Aide:Wikitable|classe wikitable]], tous ces entêtes prennent une couleur de fond différente, et seuls les en-têtes de colonnes sont centrés, les en-têtes de ligne restent alignés à gauche par défaut.
Les en-têtes permettent aux lecteurs d’écran utilisés par les internautes malvoyants de restituer la structure logique d’un tableau : les informations données par les cellules d’en-tête pourront être rappelées par le logiciel lorsque l’utilisateur se déplace dans le reste du tableau, afin qu’il puisse comprendre la signification des différentes données. Mais pour cela, il est <strong>indispensable</strong> que leur attribut <code>scope</code> soit présent : seul celui-ci permet au lecteur de différencier un en-tête de ligne (<code>scope="row"</code>) et un en-tête de colonne (<code>scope="col"</code>).(Voir l'article [[Aide:Scope|Scope]]).
Pour créer des en-têtes en syntaxe Wiki, on utilise le point d’exclamation à la place de la barre verticale :
<span style="font-weight:bold;color:red">!</span> ''titre1''
<pre>
<table class="wikitable" align="center">
<tr> <th scope="col">Titre 1</th> <th scope="col">Titre 2</th> </tr> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr>
</table>
</pre>
<pre>
<table class="wikitable" align="center">
<tr> <th scope="row">Titre ligne</th><th>Cellule 1</th> </tr>
</table>
</pre>
|-
|<!-- Résultat affiché -->
{|class="wikitable" align="center"
|-
!scope="row"| Titre ligne
<table class="wikitable" align="center">
<tr>
<th scope="row">Titre ligne</th><td>Cellule 1</td>
</tr>
</table>
