У чым розніца паміж TH і TD HTML табліцы тэгі?

Сталы ўжо даўно атрымалі дрэннай рэп ў вэб-дызайне. Шмат гадоў таму, HTML табліцы былі выкарыстаныя для разметкі, які быў відавочна не тое, што яны былі прызначаныя для. Як CSS вырас да папулярнага выкарыстання для макетаў вэб-сайтаў, ідэя, што «табліцы дрэнна» ўхапіліся. На жаль, многія людзі зразумелі гэта азначае, што HTML-табліцы ўсё дрэнна, ўвесь час. Гэта не так. Рэальнасць складаецца ў тым, што HTML-табліца дрэнна, калі яны выкарыстоўваюцца для чагосьці іншага, чым іх сапраўднай мэты, якая для адлюстравання таблічных дадзеных (табліцы, календары і г.д.). Калі вы ствараеце вэб-сайт і мець старонку з такім родам таблічных дадзеных, вы не павінны саромецца выкарыстоўваць табліцу HTML на вашай старонцы.

Калі вы пачалі будаваць сайты ў гады, так як HTML табліцы для разметкі ў няласкі, вы можаце на самой справе не быць знаёмыя з элементамі, якія складаюць HTML-табліцы. Адно пытанне, што многія з іх, калі яны пачынаюць глядзець на табліцу разметкі:

«У чым розніца паміж <е> і HTML таблічныя тэгі?»

Што такое тэг?

Тэг , або тэг «табліца даных», стварае вочка табліцы ў радку табліцы ў HTML-табліцы. Гэта HTML тэг, які змяшчае якой-небудзь тэкст і малюнкі. У асноўным, гэта работные тэгі вашай табліцы. Тэгі будуць утрымліваць змесціва HTML-табліцы.

Што такое тэг

<Й> тэг, або «загаловак табліцы», падобны на ў многіх адносінах. Ён можа ўтрымліваць адзін і той жа выгляд інфармацыі (хаця б не змясціць малюнак у <й>), але ён вызначае, што канкрэтны элемент у якасці загалоўка табліцы.

Большасць вэб-браўзэраў змяніць вага шрыфта для смелай і цэнтра ўтрымання ў клетцы. Вядома, вы можаце выкарыстоўваць стылі CSS, каб зрабіць гэтыя загалоўкі табліцы, а таксама змесціва тэгаў, паглядзець які-небудзь спосаб, якім вы хацелі б іх паглядзець на аказанай вэб-старонкі.

Калі варта выкарыстоўваць & Lt; & ю GT; Замест таго, каб & л; тд & GT;?

Тэг <я> варта выкарыстоўваць, калі вы хочаце прызначыць ўтрыманне ў клетцы ў якасці загалоўка для гэтага слупка ці радкі. Вочкі загалоўка табліцы, як правіла, знаходзіцца ў верхняй частцы табліцы або ўздоўж боку - у асноўным, загалоўкі ў верхняй частцы слупкоў або загалоўкі да вельмі налева або пачатку радка. Гэтыя загалоўкі выкарыстоўваюцца для вызначэння таго, што ўтрыманне ніжэй або побач з імі, што робіць стол і яго ўтрыманне значна лягчэй разглядаць і працэс хутка.

Не выкарыстоўвайце <й> стылізаваць вашыя клеткі. Паколькі браўзэры, як правіла, для адлюстравання вочкі загалоўка табліцы па-рознаму, некаторыя гультаяватыя вэб-дызайнеры могуць паспрабаваць скарыстацца гэтым і выкарыстоўваць тэг, калі яны хочуць, каб змесціва, якое павінна быць тоўстым і цэнтраваная. Гэта дрэнна па некалькіх прычынах:

1. Вы не можаце спадзявацца на вэб-браўзэры заўсёды будзе адлюстроўваць змесціва такім чынам. Будучыя браўзэры могуць змяніць колер па змаўчанні, ці не робяць ніякіх візуальных змяненняў на ўсіх <й> ўтрымання. Вы ніколі не павінны спадзявацца толькі на стылі браўзэра па змаўчанні і ніколі не павінны выкарыстоўваць HTML-элемент з-за таго, як ён «выглядае» па змаўчанні
2. Гэта семантычна некарэктным. Агенты карыстальнікаў, якія чытаюць тэкст можа дадаць чутнае фарматаванне, такія як «радок загаловак: ваш тэкст», каб паказаць, што гэта ў <й> клеткі. Акрамя таго, некаторыя вэб-прыкладанні друкаваць загалоўкі табліцы па ўсёй верхняй частцы кожнай старонкі, што прывядзе да праблем, калі вочка не на самай справе загаловак, але замест гэтага выкарыстоўваецца толькі стылістычных прычынах. Ніжняя радок, з дапамогай тэгаў, такім чынам, можа прывесці да праблем даступнасці для многіх карыстальнікаў, асабліва тых, хто выкарыстоўвае Assisted прылад доступу да змесціва сайта.
3. Вы павінны выкарыстоўваць CSS, каб вызначыць, якім чынам клеткі look.The падзел стылю (CSS) і структуры (HTML) з'яўляецца перадавой практыкай у вэб-дызайне на працягу многіх гадоў. Зноў жа, выкарыстоўваць, таму што змест гэтай ячэйкі з'яўляецца загалоўкам, а не таму, што вам падабаецца, як браўзэр, хутчэй за ўсё, каб зрабіць гэта змесціва па змаўчанні.