Atribut frame elemen table, cukup pantas absen

Atribut frame pada elemen markah table merupakan salah satu atribut yang termasuk dalam senarai absen pada Bahasa Markah HiperTeks generasi terkini (HTML5). Selain atribut frame, beberapa atribut pada HTML4 untuk menyajikan data tabular table sudah tidak di ijinkan lagi untuk di pergunakan dalam dokumen Web pada HTML5.

Tabel A berikut adalah atribut atribut elemen markah table yang tidak di perkenankan lagi di pergunakan saat ingin menyajikan data tabular tabel.

Tabel A. Atribut yang di tengarai dengan tanda silang (X), tidak di ijinkan pada elemen tabular data tabel terkait.
Atribut table thead tfoot tbody tr th td Keterangan
abbr X X Tidak diperbolehkan lagi karena alasan kompatibilitas dan dampak pada UA
axis X X
scope X
align X X X X X X X Tidak diperbolehkan lagi karena alasan visualisasi. Pada sisi estetika presentasi, fungsi beberapa atribut termaksud telah/dapat di gantikan dengan lembar gaya CSS
bgcolor X X X X
border X
cellpadding X
cellspacing X
char X X X X X X
charoff X X X X X X
frame X
height X X
nowrap X X
rules X
valign X X X X X X
width X X X

Kepantasan absen karena alasan keteraksesan

Setelah mengedepankan alasan lembar gaya CSS dapat di pergunakan sebagai pengganti fungsi pada sisi presentasi. Maka markah penggaya CSS yang paling mungkin di pergunakan saat ingin menggantikan fungsi atribut frame pada elemen markah table adalah properti height dan properti overflow pada selektor elemen markah table-row-group atau tbody.

Meskipun tampak masuk akal, tetapi dari pembelajaran berikut dibawah ini, ternyata lembar gaya pengganti fungsi atribut frame masih berpotensi konflik dengan nilai keteraksesan.

height + overflow pada table-row-group berpotensi menyiksa

Tabel B dibawah ini, adalah Tabel A yang disajikan dengan ;

#overflow-test{
  margin-bottom:1.5em;
  border-spacing:0;
  border:0.14em solid #c2c2c5
  }
#overflow-test tbody{
  border-top:0.14em solid #c2c2c5;
  text-align:center;
  height:11em;
  overflow:scroll
  }
#overflow-test td{
  text-align:center
  }
Tabel B.
Atribut table thead tfoot tbody tr th td Keterangan
abbr X X Tidak diperbolehkan lagi karena alasan kompatibilitas dan dampak pada UA
axis X X
scope X
align X X X X X X X Tidak diperbolehkan lagi karena alasan visualisasi. Pada sisi estetika presentasi, fungsi beberapa atribut termaksud telah/dapat di gantikan dengan lembar gaya CSS
bgcolor X X X X
border X
cellpadding X
cellspacing X
char X X X X X X
charoff X X X X X X
frame X
height X X
nowrap X X
rules X
valign X X X X X X
width X X X

Dari visualisasi presentasi, rendering pada data tabular Tabel B, maka pengelola dan/atau pengembang sebaiknya berhati hati saat memberikan sebuah nilai atau value pada properti height pada sebuah selektor CSS, yang menyertakan pula properti overflow. Hal ini masih berhubungan dengan kemudahan mengakses scrollbar secara presisi. Atau peduli amat dengan penyandang disabilitas yang tremor tangan karena aging.

height, overflow dan border-collapse pada table

Tabel C adalah Tabel A yang disajikan dengan ;

#overflow-tests{
  margin-bottom:1.5em;
  border-spacing:0;
  border-collapse:collapse; /*border-conflict-resolution*/
  border:0.14em solid #c2c2c5
  }
#overflow-tests tbody{
  border-top:0.14em solid #c2c2c5;
  text-align:center;
  height:11em;
  overflow:scroll
  }
#overflow-tests td{
  text-align:center
  }
Tabel C.
Atribut table thead tfoot tbody tr th td Keterangan
abbr X X Tidak diperbolehkan lagi karena alasan kompatibilitas dan dampak pada UA
axis X X
scope X
align X Tidak diperbolehkan lagi karena alasan visualisasi. Pada sisi estetika presentasi, fungsi beberapa atribut termaksud telah/dapat di gantikan dengan lembar gaya CSS
bgcolor X X X X
border X
cellpadding X
cellspacing X
char X X X X X X
charoff X X X X X X
frame X
height X X
nowrap X X
rules X
valign X X X X X X
width X X X

Untuk alasan estetika dan proporsional halaman, visualisasi presentasi data tabular Tabel C mungkin bermanfaat. Untuk alasan mengakses via scrolling secara presisi, mungkin masih bisa di maafkan.
Tetapi, bagaimana jika terdapat beberapa table-cell td di sisipi atribut colspan. Apakah nilai keterbacaan masih dapat di jelaskan dengan bijak ?

Selanjutnya… alasan terakhir yang paling sederhana adalah, bagaimana jika seorang pengguna atau pengunjung ingin mendokumentasikan Tabel B atau Tabel C ke dalam versi cetak ?. Berapa baris kode yang harus di tambahkan pada media print CSS, untuk mengatasi masalah hasil pencetakan tabel yang terpotong.

Update

2010-10-27
Sejujurnya, tulisan ini adalah buah rasa cinta pada salah satu peramban Web populer saat tulisan ini dipublikasikan.
My dear Firefox, Gecko, i love you. But, please…

Atribut frame elemen table, cukup pantas absen

Published on : Oct 25, 2010. Last modified at : Oct 27, 2010.


Click to share on twitter , digg it, or save this article to del.icio.us.

article Navigation

Related to “Atribut frame elemen table, cukup pantas absen”.

Just One Opinion for “Atribut frame elemen table, cukup pantas absen”.

izin bookmark dulu pakdhe, ntar malam saya pasti kembali takut telat?

Leave an Opinion

Important : LOW isn't intended to on topic opinions, just be polite. You may use strict markup only. Opinions failing these requirement will be edited. Spam opinion won't get published.
Please, enter your real name and your valid email address (in required field). Don't worry, i'll kept your email private.










Random Learning