Skrócony zapis znaczników tabeli

Question

Czy zapis skrócony znaczników w tabeli jest poprawny (html5)?

 

Np.

<table>
<thead>
<tr>
<th>
<tbody>
<tr>
<td>
<td>
</table>

 

Answer 1

W3 docs TR, TH i TD

Start tag: required, End tag: optional

Jeszcze dodam, że jest to według mnie nie tyle poprawny co lepszy sposób zapisu ponieważ jest to optymalizacja długości HTMLa, który powinien być jak najkrótszy (obok pozbycia się pustych elementów).

Comments

Reasumując zapis skrótowy znaczników w tabeli jest poprawny, ale lepiej jest wszystkie znaczniki zamykać, aby napisany kod był bardziej czytelny tak?

Poprawny kod.

<table>
<thead>
<th>Nagłówek 1
<tbody>
<td>Komórka 1
<td>Komórka 2
</table>

Poprawny, ale bardziej czytelniejszy kod.

<table>
<thead> 
<th>Nagłówek 1</th>
</thead>
<tbody> 
<td>Komórka 1</td> 
<td>Komórka 2 </td>
</tbody>
</table>

 

---

Nie, bo brakuje Ci wierszy:

<table>
	<thead>
		<tr> 
			<th scope="col">Nagłówek 1</th>
			<th scope="col">Nagłówek 2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Komórka 1</td> 
			<td>Komórka 2 </td>
		</tr>
	</tbody>
</table>

 

---

No tak zapomniałem o tr. A w th potrzebny jest atrybut scope o wartości col? Co to właściwie robi?

---

W sumie nie jest, ale dodaję go z przyzwyczajenia. Oznacza on, że dany nagłówek dotyczy kolumny. Jest jeszcze [col=row], czyli oznaczenie, że jest to nagłówek wiersza (i w tym wypadku trzeba już ten atrybut dodać).

---

Ok , dzięki za odpowiedź.