TH ve TD HTML Tablo Etiketleri Arasındaki Fark Nedir?

Masalar uzun zamandır web tasarımında kötü bir rap yakaladı. Yıllarca önce, düzen için HTML tabloları kullanıldı; CSS, web sitesi düzenleri için popüler kullanıma yükseldikçe, "tabloların kötü olduğu fikri" tutuldu. Ne yazık ki, pek çok kişi bunu, HTML tablolarının her zaman kötü olduğu anlamına gelmek için yanlış anladı. Bu hiç de böyle değil. Gerçek şu ki, HTML tabloları, gerçek amaçlarından başka bir şey için kullanıldığında, yani tablo verilerini (e-tablolar, takvimler, vb.) Görüntülemek için kötüdür. Bir web sitesi oluşturuyorsanız ve bu tür tablo verileri içeren bir sayfanız varsa, sayfanızda bir HTML tablosu kullanmakta tereddüt etmemelisiniz.

Düzen için HTML tabloları lehine düştüğünden yıllar içinde site oluşturmaya başladıysanız, HTML tablolarını oluşturan unsurlara aşina olmamış olabilirsiniz. Birçoğu tablo işaretlemesine bakmaya başladıklarında bir soru:

" ve HTML tablo etiketleri arasındaki fark nedir?"

Tag Nedir?

etiketi veya "tablo verileri" etiketi, bir HTML tablosundaki bir tablo satırındaki tablo hücrelerini oluşturur. Bu, herhangi bir metin ve resim içeren HTML etiketidir. Temel olarak, bu tablonuzun çalışma yeri etiketleridir. Etiketler HTML tablosunun içeriğini içerecektir.

Tag Nedir?

etiketi veya "tablo başlığı", birçok yönden ile benzerdir. Aynı tür bilgileri içerebilir (bir görüntüyü 'ye koymazsınız, ancak bu belirli hücreyi bir tablo başlığı olarak tanımlar.

Çoğu Web tarayıcısı, font ağırlığını kalın olarak değiştirir ve içeriği bir hücrede ortalar. Tabii ki, bu tablo başlıklarının yanı sıra, etiketlerinizin içeriğini oluşturmak için CSS stillerini de kullanabilirsiniz. Bunların, işlenen web sayfasına bakmalarını istediğiniz gibi görünün.

Ne zaman kullanmalısınız & lt; th & gt; & Lt; td & gt ;?

Hücredeki içeriği, o sütun veya satır için bir başlık olarak atamak istediğinizde etiketi kullanılmalıdır. Tablo başlık hücreleri tipik olarak tablonun üstünde veya yan taraflarında bulunur - temel olarak, sütunların üstündeki başlıklar veya başlıklar sola veya bir satırın başına kadar. Bu başlıklar, altındaki veya altındaki içeriğin ne olduğunu tanımlamak için kullanılır ve tabloyu ve içeriğini daha hızlı bir şekilde gözden geçirip işlemeyi kolaylaştırır.

Hücrelerinizi biçimlendirmek için kullanmayın . Tarayıcılar tablo başlık hücrelerini farklı gösterme eğiliminde olduğundan, bazı tembel web tasarımcıları bu özellikten yararlanmaya çalışabilir ve içeriğin kalın ve ortalanmasını istediklerinde etiketi kullanabilirler. Bu birkaç nedenden ötürü kötüdür:

1. Web tarayıcılarına güvenemezsiniz, içeriği her zaman bu şekilde gösterir. Gelecek tarayıcılar, varsayılan olarak rengi değiştirebilir veya içerikte hiç görsel değişiklik yapamaz. Asla varsayılan tarayıcı stillerine güvenmemelisiniz ve varsayılan olarak "görünüyor" nedeniyle bir HTML öğesini asla kullanmamalısınız
2. Anlamsal olarak yanlış. Metni okuyan kullanıcı aracıları, hücresinde olduğunu belirtmek için "satır başlığı: metniniz" gibi sesli biçimlendirmeler ekleyebilir. Ayrıca, bazı Web uygulamaları, her sayfanın üst kısmındaki tablo başlıklarını yazdırır; bu, hücrenin aslında bir başlık değil, yalnızca stilistik nedenlerle kullanıldığında sorunlara neden olur. Alt satırda, bu şekilde etiketler kullanılması, çoğu kullanıcı için erişilebilirlik sorunlarına, özellikle site içeriğinize erişmek için yardımlı cihazlar kullananlara neden olabilir.
3. Hücrelerin nasıl göründüğünü tanımlamak için CSS kullanmalısınız. Stilin (CSS) ve yapının (HTML) ayrılması, web tasarımında uzun yıllar boyunca en iyi uygulama olmuştur. Bir kez daha, bu hücrenin içeriği bir başlık olduğundan, tarayıcının bu içeriği varsayılan olarak oluşturması olasılığını beğenmediğinizden kullanın.