Mi a különbség a TH és a TD HTML táblázatok között?

A táblák régóta rossz hírnévnek örvendenek a webes tervezésben. Sok évvel ezelőtt a HTML táblákat használtam az elrendezéshez, ami nyilvánvalóan nem az volt, amire szántak. Mivel a CSS a webes elrendezések népszerű használatához emelkedett, az a gondolat, hogy "a táblák rosszak" megszállták. Sajnos sokan félreértették azt, hogy a HTML-táblák mind rosszak. Ez egyáltalán nem így van. A valóság az, hogy a HTML-táblázatok rosszak, ha valódi céljukon kívül más dolgokat használnak, azaz táblázatos adatokat (táblázatokat, naptárakat stb.). Ha weboldalt készít, és ilyen típusú táblázatos adatokkal rendelkezik, ne habozzon HTML oldalat használni az oldalán.

Ha elkezdte építeni az oldalakat az évek óta, mivel a HTML-táblázatok az elrendezéshez képest kedvezőbbek voltak, akkor valójában nem feltétlenül ismerik a HTML táblázatokat alkotó elemeket. Az egyik kérdés, hogy sokan vannak, amikor elkezdik nézni az asztal jelölést:

"Mi a különbség a és a HTML táblázatcímkék között?"

Mi a címke?

A címke vagy a "táblázatadatok" címke táblázatos sorokat hoz létre egy táblázatsoron belül egy HTML táblázatban. Ez a HTML-címke, amely bármilyen szöveget és képet tartalmaz. Alapvetően ez a táblázat munkaterület-címkéi. A címkék tartalmazzák a HTML-táblázat tartalmát.

Mi a címke?

A címke vagy a "táblázat fejléc" sokféleképpen hasonlít a kifejezésre. Ugyanazt az információt tartalmazhatja (bár nem ad egy képet ), de meghatározza, hogy az adott cella, mint táblázat-fejléc.

A legtöbb internetes böngésző félkövérre változtatja a betű súlyát, és központosítja a tartalmat egy cellában. Természetesen használhatja a CSS stílusokat, hogy ezeket az asztalfejléceket, valamint a címkék tartalmát úgy nézze meg, ahogy azt szeretné, hogy a megjelenített weboldalra nézzenek.

Ha a & lt; & gt; Inkább, mint a.

A címkét akkor kell használni, ha a cella tartalmát az oszlop vagy sor fejlécére kívánja kijelölni. Az asztal fejléccellái általában a táblázat tetején vagy oldalán találhatók - alapvetően az oszlopok tetején lévő fejlécek, vagy a sorok balra vagy egy sor elejére történő feliratok. Ezek a fejlécek arra szolgálnak, hogy meghatározzák, hogy az alatta vagy mellette található tartalom miért van, így sokkal könnyebb áttekinteni és feldolgozni az asztalt és annak tartalmát.

Ne használja a cellák stílusát. Mivel a böngészők általában másképp mutatják az asztal fejléccelláit, néhány lusta webes tervező megpróbálhatja kihasználni ezt a lehetőséget, és használhatja a címkét, ha azt szeretné, hogy a tartalom félkövér és középre legyen állítva. Ez több szempontból is rossz:

1. Nem támaszkodhat arra, hogy a webböngészők mindig megjelenítik a tartalmat. A jövőbeli böngészők alapértelmezés szerint megváltoztathatják a színt, vagy egyáltalán nem tehetnek vizuális változtatásokat a tartalomra. Soha ne hagyatkozzon kizárólag az alapértelmezett böngészőstílusokra, és soha ne használjon HTML elemet, mert alapértelmezés szerint "néz ki"
2. Semantikusan helytelen. A szöveget olvasó felhasználói ügynökök hangos formázást vehetnek fel, például "sorfejléc: szövege", jelezve, hogy egy cellában van. Ezenkívül egyes webes alkalmazások nyomtatják az egyes oldalak tetején található táblázatok fejlécét, ami problémákat okozhat, ha a cella valójában nem fejléc, hanem csak stilisztikai okokból használható. Az alsó sor, a címkék ilyen módon történő használata sok felhasználó számára hozzáférési problémákat okozhat, különösen a támogatott eszközöket a webhely tartalmának eléréséhez.
3. Használd a CSS-t a cellák megjelenésének meghatározásához. A stílus (CSS) és a struktúra (HTML) szétválasztása már évek óta a legjobb gyakorlat a webes tervezésben. Ismét használd az a-t, mert az adott cella tartalma fejléc, nem azért, mert tetszik, ahogy a böngésző alapértelmezés szerint megjeleníti ezt a tartalmat.