Betrachten Sie den folgenden HTML-Code:
%Vor% Kann <th>
in Bezug auf eine Spalte und nicht in einer Zeile verwendet werden? Ich möchte die linke Spalte fett.
Die Spezifikation sagt eindeutig, dass ein th
-Element dies kann Kopfzeileninformationen für eine Spalte oder für eine Zeile (oder eine Gruppe von Spalten oder Zeilen) bereitstellen. Das Attribut scope=row
kann verwendet werden, um explizit zu sagen, dass die Kopfzelle ein Zeilenkopf ist.
Die Verwendung von th
gegenüber td
hat einige Auswirkungen. Die funktionale Implikation besteht darin, dass Benutzeragenten th
auf eine spezielle Weise behandeln können, indem sie dem Benutzer durch entsprechende Kopfzeileninformationen Zugriff auf Datenzellen gewähren. Dies gilt hauptsächlich für Sprachbasis-Agenten. Damit dies sinnvoll ist, sollte die Zelle th
wirklich identifizierende Informationen für die Datenzeile oder Datenspalte bereitstellen. In diesem Fall ist die Bedingung erfüllt. Sie könnten und sollten also th
anstelle von td
verwenden, ganz unabhängig vom gewünschten Rendering.
Die anderen Auswirkungen bestehen darin, dass th
element content standardmäßig fett und horizontal zentriert dargestellt wird. Wenn dies nicht als angemessen angesehen wird, können Sie es leicht in CSS (oder sogar in HTML) überschreiben. Wenn in Ihrem Fall der Inhalt fett, aber linksbündig sein soll, verwenden Sie th { text-align: left; }
. (Ein anderer, vielleicht besser, Stil ist, Zeilenköpfe rechts auszurichten: th { text-align: right; }
. Zentrierung kann seltsam aussehen.)
Oder Sie können diese CSS hinzufügen, um nur die erste Spalte fett zu machen
%Vor%Tags und Links html css html5 css3 html-table