TH va TD HTML stoli teglar orasidagi farq nima?

Jadvallar veb-dizayni uchun yomonni ko'pdan beri bosib olgan. Ko'p yillar oldin HTML-jadvallar tartibga solish uchun ishlatilgan bo'lib, bu ular uchun nimaga mo'ljallanganligi aniq emas edi. CSS-ning veb-sayt tartiblari uchun ommabopligi oshgani sayin, "jadvallar yomon" degan g'oyani o'z zimmasiga oldi. Afsuski, ko'pchilik bu HTML-jadvallarning hammasi yomon ekanini anglatish uchun noto'g'ri tushundilar. Hechqisi bunday emas. Haqiqat shuki, HTML-jadvallar noyob maqsadlardan boshqa narsa uchun ishlatilganida, ya'ni jadvalli ma'lumotlarni (elektron jadvallar, kalendarlar va hk) ko'rsatish uchun yomondir. Agar siz veb-sayt qurayotgan bo'lsangiz va ushbu turdagi jadvalga ega bo'lgan sahifangiz bo'lsa, sahifangizda HTML stolidan foydalanishingiz mumkin.

Agar siz HTML-jadvallarni joylashtirish uchun foydadan voz kechganingizdan so'ng, siz saytlarni yillar davomida qurishni boshlagan bo'lsangiz, aslida, HTML-jadvallarni tashkil etuvchi elementlar bilan tanish bo'lmaysiz. Masalan, stol belgilarini ko'rib chiqayotganlarida ko'pchilik:

" va HTML stoli teglar orasidagi farq nima?"

Tag nima?

yorlig'i yoki "jadval ma'lumotlari" yorlig'i, HTML jadvalidagi jadval satrida jadval xujayralarini hosil qiladi. Har qanday matn va tasvirni o'z ichiga olgan HTML yorlig'i. Asosan bu sizning jadvalingizdagi ishchi yorliqlari. Teglar HTML jadvali tarkibidan iborat bo'ladi.

Tag nimani anglatadi

yorlig'i yoki "table header" ko'p jihatdan ga o'xshash. U xuddi shunday ma'lumotni o'z ichiga olishi mumkin (garchi siz rasmni ga kiritmasangiz ham), u ma'lum bir xonani jadval nomi sifatida belgilaydi.

Ko'pgina veb-brauzerlar shrift vaznini qalin qilib o'zgartiradilar va hujayradagi kontentni markazga o'tkazadilar. Tabiiyki, siz CSS stillarini ushbu stol sarlavhalarini, shuningdek, teglaringizning mazmunini yaratishingiz uchun ularni veb-sahifaga qarashni xohlaysiz.

Agar siz & lt; & gt; Aksincha, & lt; td & gt;

yorlig'i, u ustun yoki satr uchun sarlavha sifatida hujayradagi kontentni belgilash kerakli paytda foydalanilishi lozim. Jadval sarlavhasi xujayralari, odatda, jadvalning ustki qismida yoki yon tomonda joylashgan bo'lib, asosan ustunlar ustunidagi sarlavhalar yoki satrlarni chap yoki chapning boshiga to'g'ri keladi. Ushbu sarlavhalar jadval va uning mazmunini tezda ko'rib chiqish va qayta ishlashni osonlashtiradigan kontentni aniqlash uchun ishlatiladi.

Hujayralarni tarash uchun -ni ishlatmang . Brauzerlar masa ustidagi xujayralarni boshqacha ko'rsatishga moyil bo'lgani sababli, ba'zi lazzatlangan veb-dizaynerlar bulardan foydalanishga harakat qilishlari mumkin va ular tarkibi qalin va markazlashtirilgan bo'lishini istagan paytda foydalanishi mumkin. Bu bir necha sabablarga ko'ra yomon:

1. Veb-brauzerlarga tayanolmaysiz, har doim kontentni shu tarzda aks ettiradi. Kelajakdagi brauzerlar sukutni rangi o'zgartirishi yoki umuman hech qanday ingl. O'zgarishlar qila olmaydi. Siz hech qachon faqat standart brauzer turmushlariga ishonmasligingiz va hech qachon HTML elementini hech qachon sukut bo'yicha "ko'rinadi", deb ishlatmasligingiz kerak
2. Bu semantik jihatdan noto'g'ri. Matn o'qigan foydalanuvchi agentlari "satr sarlavhasi: matn" kabi ovozli formatlashni o'z ichiga olishi uchun hujayrasida bo'lishi mumkin. Bundan tashqari, ba'zi veb-ilovalar jadval sarlavhalarini har bir sahifaning yuqori qismida bosib chiqarishadi va bu hujayra aslida ustun emas bo'lsa, lekin buning o'rniga faqat uslubiy sabablar uchun ishlatiladi. Pastki satrda, teglarni shu tarzda ishlatish, ko'pchilik foydalanuvchilar uchun, ayniqsa, yordamchi qurilmalardan sayt kontentiga kirish uchun foydalanadigan mavjudlik muammolariga olib kelishi mumkin.
3. Hujayralar qanday ko'rinishini aniqlash uchun CSS-dan foydalaning. Style (CSS) va strukturaning (HTML) ajratilishi ko'p yillar davomida veb-dizaynda eng yaxshi amaliyot bo'lib kelgan. Yana bir bor foydalaning, chunki u hujayraning mazmuni ustundir, chunki siz brauzerning bu kontentni sukut bo'yicha ko'rsatishini xohlaysiz.