Studio Press

Just another Blogger Blog

XHTML Generasi HTML Selanjutnya

Saat ini telah muncul bahasa generasi selanjutnya dari HTML yaitu XHTML (X-tensible HTML). Struktur XHTML ini pada prinsipnya hampir sama dengan HTML, hanya lebih terstruktur dan konsisten.

Berikut ini beberapa perbedaan antara HTML dan XHTML.
  1. Dalam HTML, penggunaan tag <html>, <head>, <body>, DOCTYPE tidak ada pengaruhnya, artinya dalam HTML tag-tag tersebut sifatnya optional (boleh ada, boleh tidak) dan tidak berpengaruh pada tampilan di browser. Namun dalam XHTML tag-tag tersebut harus ada. Apabila ketentuan tersebut dilanggar, maka akan terjadi efek tertentu pada tampilan di browser.
  2. Dalam HTML, tag-tag penutup misalnya </p> atau </i> dll, sifatnya optional. Namun pada XHTML tag penutup harus ada.
  3. Dalam HTML tag-tag yang berdiri sendiri (tanpa tag penutup), misalnya <img src="image.jpg"> tidak ada slash penutup. Sedangkan dalam XHTML slash penutup harus ada, misal <img src="image.jpg" />.
  4. Dalam HTML, nilai semua atribut dalam tag tidak harus diapit dengan tanda petik ganda (double quote), misal penulisan <img src=image.jpg alt=gambar> diperbolehkan. Namun dalam XHTML double quote harus mengapit nilai atribut, misal <img src="image.jpg" alt="gambar">.
  5. Dalam HTML penulisan semua tag boleh dalam huruf besar atau huruf kecil, misal <HEAD>. Namun dalam XHTML semua tag harus ditulis dalam huruf kecil, misal <head>.
  6. Dalam HTML, nilai yang sama dengan atribut akan diabaikan, misal <hr width=70% noshade>. Artinya dalam HTML untuk nama atribut yang sama dengan nilainya dapat ditulis dalam satu nama saja. Namun dalam XHTML, semua atribut dan nilai harus dinyatakan secara eksplisit, misal <hr width="70%" noshade="noshade">.

Melihat perbedaan-perbedaan di atas, maka XHTML sangat disarankan bagi desainer web yang menginginkan konsistensi dalam struktur konten halaman webnya. Selain itu, XHTML lebih kompatible untuk diintegrasikan dengan CSS (Cascade Style Sheet) dibandingan dengan HTML.

0 comments:

There was an error in this gadget

Labels

Message For Me

Alexa Rank

SEO Stats

Followers

FEEDJIT Live Traffic Feed