TH ve TD HTML Tablo Etiketleri

Masalar uzun zamandır kötü bir rap aldı web tasarımı. Yıllar önce, HTML tabloları düzen için kullanılıyordu ki bu açıkça amaçlandığı şey değildi. CSS, web sitesi düzenleri için popüler kullanıma yükseldikçe, "tablolar kötü" yakalamak. Ne yazık ki, birçok kişi bunu HTML tablolarının her zaman kötü olduğu anlamına gelecek şekilde yanlış anladı. Durum hiç de öyle değil. Gerçek şu ki, HTML tabloları, tablo verilerini (elektronik tablolar, takvimler, vb.) görüntülemek olan gerçek amaçları dışında bir şey için kullanıldıklarında kötüdür. Bir web sitesi kuruyorsanız ve bu tür tablo verileri içeren bir sayfanız varsa, bir web sitesi kullanmaktan çekinmemelisiniz. HTML tablosu sayfanda.

Ne Yapar ve Yapmak?

 etiketi veya "tablo verileri" etiketi, bir HTML tablosundaki tablo satırında tablo hücreleri oluşturur. Bu, herhangi bir metin ve resim içeren HTML etiketidir. Temel olarak, bu, masanızın beygir etiketidir. Etiketler, HTML tablosunun içeriğini içerecektir.

 etiketi veya "tablo başlığı" şuna benzer:  birçok yoldan. Aynı tür bilgileri içerebilir (ancak ), ancak o belirli hücreyi bir tablo başlığı olarak tanımlar.

Çoğu web tarayıcısı, yazı tipi ağırlığını kalın olarak değiştirir ve içeriği bir hücrede ortalar. tabiki kullanabilirsin CSS stilleri bu tablo başlıklarının yanı sıra etiketlerinizin içeriğinin oluşturulan web sayfasında görünmesini istediğiniz şekilde görünmesini sağlamak için.

Ne Zaman Kullanmalısınız? Ziyade ?

etiketi, hücredeki içeriği o sütun veya satır için bir başlık olarak atamak istediğinizde kullanılmalıdır. Tablo başlık hücreleri tipik olarak tablonun üstünde veya yan tarafında bulunur - temel olarak, başlıklar sütunların üstündeki veya en solundaki veya bir satırın başındaki başlıklar. Bu başlıklar, tablonun ve içeriğinin hızlı bir şekilde gözden geçirilmesini ve işlenmesini çok daha kolay hale getirerek, altındaki veya yanındaki içeriğin ne olduğunu tanımlamak için kullanılır.

Kullanmayın Hücrelerinizi şekillendirmek için. Tarayıcılar tablo başlık hücrelerini farklı şekilde görüntüleme eğiliminde olduklarından, bazı tembel web tasarımcıları bundan yararlanmaya çalışabilir ve içeriğin kalın olmasını istediklerinde etiketi kullanabilirler. merkezli. Bu birkaç nedenden dolayı kötü:

1. İçeriği her zaman bu şekilde görüntüleyen web tarayıcılarına güvenemezsiniz. Gelecekteki tarayıcılar varsayılan olarak rengi değiştirebilir veya herhangi bir görsel değişiklik yapmayabilir. içerik. Hiçbir zaman yalnızca varsayılan tarayıcı stillerine güvenmemelisiniz ve varsayılan olarak "görünüşü" nedeniyle bir HTML öğesini asla kullanmamalısınız.
2. Anlamsal olarak yanlış. Metni okuyan kullanıcı aracıları, metnin bir satırda olduğunu belirtmek için "satır başlığı: metniniz" gibi sesli biçimlendirme ekleyebilir. hücre. Ek olarak, bazı web uygulamaları tablo başlıklarını her sayfanın üst kısmına yazdırır. hücre aslında bir başlık değilse, bunun yerine stilistik nedenlerle kullanılıyorsa sorunlara neden olur sadece. Sonuç olarak, etiketleri bu şekilde kullanmak, özellikle site içeriğinize erişmek için destekli cihazları kullananlar olmak üzere birçok kullanıcı için erişilebilirlik sorunlarına neden olabilir.
3. Kullanmalısın CSS hücrelerin nasıl göründüğünü tanımlamak için. ayrılması stil (CSS) ve yapı (HTML), web tasarımında uzun yıllardır en iyi uygulama olmuştur. Bir kez daha, a kullanın, çünkü o hücrenin içeriği bir başlıktır, tarayıcının bu içeriği varsayılan olarak oluşturma şeklini beğendiğiniz için değil.