9 Jun 2011

Beda Deklarasi Strict dan Transitional Bikin kita Geleng kepala

Assalamualaikum wr.wb
valid xhtml
Sepertinya judul diatas benar adanya.Jika kita membicarakan masalah Web Standard, maka kita harus mengetahui tentang XHTML (Silahkan baca artikel mengenai dasar XHTML terlebih dahulu). XHTML sendiri dibagi menjadi 3 model, Yaitu  XHTML Transitional ,XHTML Strict, Dan XHTML Frameset.dan 2 diantaranya yang paling banyak digunakan adalah XHTML Transitional dan XHTML Strict.Ibarat mendirikan suatu negara,Blog kitapun wajib dideklarasikan Bentuknya.

Awalnya Kang YPS sangat Bingung apa sih beda antara Xhtml transitional ama Strict  (sampai sekarang pun masih garuk-garuk kepala). Tetapi keinginan saya untuk ngerti tentang deklarasi file xhtml (dipaksain ) membuat saya menulis artikel Ini. saya pun mulai mencari banyak referensi,dari yang bule sampai lokal,isinya rata-rata memiliki Point sama. Mau tahukan bedanya ? Nih kang YPS share untuk sobat. Bila ada para master ada yang baca mohon diperbaiki tulisan Newbie ini ^^

Bagi sobat yang ingin beralih ke teknologi XHTML, cara yang paling mudah adalah dengan beralih ke XHTML Transitional terlebih dahulu. Karena jika sobat langsung beralih ke XHTML Strict sobat  akan kaget ketika mengecek validasi website anda, karena akan terdapat banyak error. saya punn mengalaminya.Kenapa bisa begitu? hal ini dikarenakan semua bagian untuk mempresentasikan / layout website diatur oleh CSS.
Berikut ini tiga Jenis deklarasi file Xhtml

1.XHTML 1.0 STRICT

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


2.XHTML 1.0 TRANSITIONAL

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3.XHTML 1.0 FRAMESET

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Yang pertama-tama perlu diketahui adalah, kita mendeklarasikan apakah file kita XHTML Transitional atau XHTML Strict. Dengan mendeklarasikan file kita, maka Search Engine, browser dan validator dapat mengetahui jenis dokumen kita termasuk tipe apa. saya Pernah menulis tentang cara mengurangi kesalahan error pada templatedan ternyata benar Untuk Mencapai valid Xhtml Strict itu sangat sulit (padahal kebanyakan template blogger menggunakan strict).

Dalam deklarasi file Xhtml Strict ada banyak tag-tag Html yang tidak lagi digunakan dengan alasan sudah digantikan Oleh CSS seperti :
  1. Elemen yang tidak digunakan lagi
    • Tag di template seperti <u>, <center> dan <font> tidak lagi digunakan. Tag <u> yaitu tag untuk membuat garis bawah sudah tidak dipakai lagi, karena pada CSS kita bisa menggunakan text-decoration:underline;. Demikian pula untuk <font> yang didalam CSS bisa kita ubah sesuka hati, serta <center> yang bisa digantikan dengan text-align:center; di CSS.

  2. Atribut Tag Html yang sudah tergantikan Fungsinya
    • Ada lagi tag-tag HTML yang dihilangkan tetapi diganti dengan tag lainnya yaitu <i> yang diganti dengan <em> dan <b> yang diganti dengan <strong> Ada lagi tag HTML penting yang tidak digunakan lagi yaitu <iframe>. Jadi bagi anda pengguna frames maka berhati-hatilah anda tidak bisa membuat web anda menjadi standard. Alasan W3C untuk tidak menggunakan <iframe> karena <iframe> mengambil halaman lain, dan jika halaman lain tersebut tidak standard, maka keseluruhan website akan menjadi kacau. Belum lagi kenyataan bahwa kebanyakan ponsel ataupun PDA tidak bisa menampilkan <iframe>. Karena W3C membuang <iframe>. Tetapi W3C berbaik hati, apabila sobat tetap ingin menggunakan frames maka anda dapat menggunakan XHTML Frameset.(lihat bentuk contoh deklarasinya diatas )

      Ada banyak Lagi atribut yang tidak digunakan lagi, dan Menurut sumber yang saya baca yang paling penting saja dan paling banyak digunakan. Yang pertama-tama adalah align, yang hanya boleh digunakan untuk mengatur table. Bgcolor dan background juga sudah dibuang jauh-jauh oleh W3C serta pengguaan noshade pada <br>..

      Yang terpenting dan paling menyebalkan adalah target pada tag <a>. Ya atribut target sudah tidak diijinkan lagi. Hal ini menyebabkan kita tidak bisa membuat link yang jik diklik aan memunculkan jendela baru target="_blank". Alasannya adalah, semua browser (hampir semua) sudah menggunakan model tab-tab didalam browsernya. Dan satu lagi alasan dari W3C adalah ponsel dan PDA anda tidak bisa memunculkan jendela browser baru. Karena itu atribut target sudah dibuang oleh W3C.


  3. Perbedaan struktur content Dengan Transitional
    • Dalam XHTML strict kita harus berhati-hati dalam menyusun dokumen HTML kita. Harus terstruktur dengan baik. Berikut ini adalah contoh yang salah

      <!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html>
      <head>
      <title>Judul Halaman Web/blog</title>
      </head>
      <body>
      Isi halaman Web<br />
      <img src="images.jpg" width="100" height="100" alt="Gambarmu" />
      </body>
      </html>

      Penggunaan struktur seperti itu salah, anda harus meletakkan text dan images didalam <p> atau <div>. Jadi yang benar menurut W3C adalah seperti ini:

      <!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html>
      <head>
      <title>Judul Halaman Web/blog</title>
      </head>
      <body>
      <p>Isi halaman Web<br />
      <img src="images.jpg" width="100" height="100" alt="Gambarmu" /><p/>
      </body>
      </html>
      Demikian pula untuk tag-tag lain seperti <input> dan <label> yang wajib anda letakkan didalam tag <p>. Karena itu didalam membuat website yang standard anda harus sering-sering mengecek apakah website anda standard menggunakan XHTML Validator .
Tapi sobat tidak perlu khawatir,bila sobat menemukan Keerroran pada Blog sobat saat Mengecek Valid Html di W3C masih banyak ditemukan error.Hal ini masih tidak berpengaruh,blog sobat masih bisa diakses,alasannya ya mungkin karena kita masih "numpang" sama Blogspot. Semua yang di Blogspot rata-rata tidak Valid Xhtml 100% (susah bro/sista kalau mau valid sampe 100%). 

Saya pun sudah berusaha mati-matian untuk mendapatkan kevalidan itu masih saja mendapatkan cap 89 error 76 warning dari Validator w3c,sekarang saya biarkan saja,toh emang template dari blogger kayak begitu.(kecuali hosting sendiri saya tidak tahu).Mungkin kita bisa mengambil langkah perbaikan perlahan-lahan walaupun tidak sampai 100% . Adakah Blog sobat yang valid 100%?Hem jika ada,mohon share tipsnya biar saya gak geleng -geleng kepala lagi.^^

Eits tulisan diatas bukan asal copas Nih dia sumbernya kalau mau lihat :
  • http://24ways.org/2005/transitional-vs-strict-markup
  • http://www.dhimasronggobramantyo.com/artikel/Perbedaan_antara_XHTML_Transitional_dan_XHTML_Strict
  • http://fanari-id.com/103-xhtml-dtd-antara-transitional-dengan-strict/

Tampilan terbaik menggunakan Google chrome dan Mozilla +5 layar 1280x854

4 comments:

  1. Pertamaaxx!! :D
    emang susah yah sob klo ngikutin W3 validation. puyeng...80 error ane biarin aja dah..yg penting html template dah bebas error.. :D

    ReplyDelete
  2. Sama Sob...saya juga belum ketemu ada template blogspot yang tingkat validasi xhtml-nya hingga 100% pass check. Malah komentar di salah satu blog web designer tentang hal ini masih didiemin sampe sekarang. Tapi kalo menekan hingga seperti blog Iskaruji dot com, setidaknya sudah gue capai. Itupun hanya pada halaman utama. Untuk halaman post harus ikhlas dengan belasan error..

    Mengapa strict atau transitional?
    Jawabannya persis seperti artikel diatas. Selain itu transitional masih toleran dengan target blank.

    Happy blogging!

    ReplyDelete
  3. @Iskaruji dot com assalamualaikum wr.wb.,thanks mas masukkannya.,btw mohon sarannya coz punya saya masih banyak errornya

    ReplyDelete