Apa Benten Antarane TH lan TD HTML Table Tags?

Tabel wis suwe banget rap ing desain web. Akeh taun kepungkur, tabel HTML digunakake kanggo tata letak, sing ora jelas apa sing dimaksudake kanggo. Minangka CSS minggat panggunaan populer kanggo tata letak situs web, gagasan sing "tabel ora becik" ditahan. Sayange, akeh wong sing salah ngerteni iki kanggo maksud yen tabel HTML kabeh ala, kabeh wektu. Ora kaya mangkono. Kasunyatane yen tabel HTML sing ala nalika dipigunakaké kanggo tujuan liya sajroning tujuan sing bener, yakuwi kanggo nampilake data tabular (spreadsheets, kalender, lsp.). Yen sampeyan mbangun situs web lan duwe kaca nganggo data tabular kaya iki, sampeyan ora bakal ragu migunakake tabel HTML ing kaca.

Yen sampeyan miwiti mbangun situs ing taun wiwit tabel HTML kanggo tata letak katon ora dikarepake, sampeyan mesthine ora bisa ngerti babagan unsur-unsur sing nggawe tabel HTML. Siji pitakonan sing akeh duwe nalika miwiti looking ing markup tabel yaiku:

"Apa bedane antarane tandha wacan HTML lan ?"

Apa Tag?

Tag , utawa "data tabel", nggawe sel tabel ing baris tabel ing tabel HTML. Iki minangka tag HTML sing ngemot teks lan gambar. Sejatine, iki minangka label workhouse saka meja sampeyan. Tag bakal ngemot isi tabel HTML.

Apa Tag

Tag , utawa "header header", meh padha karo kanthi akeh cara. Sampeyan bisa ngemot informasi sing padha (sanajan sampeyan ora bakal nglebokna gambar ing ), nanging nemtokake sel kasebut minangka header tabel.

Paling browser Web ngganti bobot bobot kanggo ngunci lan isi isi ing sel. Mesthi, sampeyan bisa nggunakake gaya CSS kanggo nggawe header tabel, uga isi tag, katon cara sing sampeyan pengin katon ing kaca web sing dikirim.

Kapan Sampeyan Gunakake & lt; th & g; Luwih Than & lt; td & gt ;?

Tag kudu digunakake nalika sampeyan pengin nemtokake isi ing sel minangka header kanggo kolom kasebut utawa baris. Tabel header tabel biasane ditemokake ing ndhuwur meja utawa ing sisih pinggir - ing dasarnya, headings ing ndhuwur kolom utawa headings menyang kiwa utawa wiwitan baris. Header iki digunakake kanggo netepake apa isi ing ngisor utawa ing sandhinge, nggawe tabel lan isine luwih gampang kanggo maneh lan proses kanthi cepet.

Aja nggunakake kanggo ngowahi sel. Amarga browser cenderung nampilake sel header meja beda-beda, sawetara perancang web sing sithik bisa nyoba kanggo njupuk kauntungan saka iki lan nggunakake tag nalika padha pengin isi dadi wani lan pusat. Iki apik amarga sawetara alasan:

  1. Sampeyan ora bisa ngandelake browser web bakal nuduhake konten kasebut. Browser sing mbesuk diganti kanthi standar, utawa ora nggawe owahan visual ing kabeh isi. Sampeyan kudu ora mung gumantung ing gaya browser standar lan ngirim ora nggunakake elemen HTML amarga cara "katon" minangka standar
  2. Iku semantically salah. Agen panganggo sing maca teks bisa nambah format sing bisa diarani kayata "row header: teks" kanggo nunjukake yen ing sel . Tambahan, sawetara aplikasi Web nyithak header tabel ing ndhuwur saben kaca, sing bakal nyebabake masalah yen sel ora bener header nanging mung digunakake kanggo alasan gaya. Ngisor, nggunakake label kanthi cara iki bisa nimbulaké masalah aksesibilitas kanggo akeh kedhaftar, utamane sing nggunakake piranti sing dibantu kanggo ngakses isi situs.
  3. Sampeyan kudu nggunakake CSS kanggo nemtokake cara sel katon. Pamisahan gaya (CSS) lan struktur (HTML) wis dadi praktik paling apik ing desain web kanggo pirang-pirang taun. Sawise maneh, gunakake amarga isi sèl iku minangka header, ora amarga sampeyan seneng karo cara browser mbokmenawa bakal nerjemahake konten kasebut kanthi standar.