Definisi Istilah/Singkatan XHTML Pada Dunia Komputer

Saturday, May 16, 2015

Pada artikel kali ini saya aka menjelaskan secara singkat Definisi Istilah/Singkatan XHTML Pada Dunia Komputer

XHTML adalah singkatan dari "Extensible Hypertext Markup Language.". XHTML adalah spin-off dari HyperText Markup Language (HTML) yang digunakan untuk membuat halaman web. XHTML didasarkan pada sintaks HTML 4.0, akan tetapi telah dimodifikasi untuk mengikuti panduan dari XML(Extensible Markup Language). Oleh karena itu, XHTML 1.0 kadang-kadang juga disebut sebagai HTML 5.0.

Contoh Coding :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contoh Coding XHTML</title>
<script type="text/javascript">
//<![CDATA[
function loadpdf() {
document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
}
//]]>
</script>
</head>
<body onload="loadpdf()">
<p>Contoh Coding
<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
<img id="validation-icon"
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" /><br />
<object id="pdf-object"
name="pdf-object"
type="application/pdf"
data="http://www.w3.org/TR/xhtml1/xhtml1.pdf"
width="100%"
height="500">
</object>
</p>
</body>
</html>

Source : Wikipedia.org

Karena XHTML adalah "extensible," pengembang Web dapat membuat objek dan tag mereka sendiri dari setiap halaman web yang mereka bangun. Hal tersebut memberikan pengembang web kontrol yang lebih besar atas tampilan dan organisasi halaman Web yang mereka bangun. Satu-satunya persyaratan adalah bahwa custom tag dan atribut harus didefinisikan dalam Document Type Definition (DTD) , yang direferensikan oleh halaman XHTML.

Halaman XHTML juga harus sesuai dengan sintaks yang lebih ketat dari halaman HTML biasa. Sementara beberapa Web browser agak lunak terhadap sintaks HTML, Halaman XHTML  harus memiliki sintaks yang sempurna. Yang berarti tidak ada kutipan hilang atau kapitalisasi salah dalam penulisan bahasa markup. Sementara sintaks yang sempurna membutuhkan ketilitian yang lebih dalam membangun sebuah halaman Web, hal ini agar memastikan sebuah halaman web akan muncul lebih seragam di setiap platform browser yang berbeda-beda.

Beberapa perbedaan XHTML dan HTML  :

Semua elemen dan attribute pada dokumen XHTML harus diketik dalam huruf kecil sedangkan HTML tidak perlu

Semua tag pembuka pada XHTML harus menggunakan tag penutup, sedangkan di HTML banyak tag- tag pembuka dibiarkan begitu saja tanpa menggunakan tag penutup namun tidak terjadi error apabila dibuka pada web browser, salah satu contohnya adalah line break dan image tag.

Di dalam XHTML, semua tag harus tersusun secara teratur, dengan demikin jika kita membuka tag “a” setelah itu kita membuka tag "b" di dalamnya, maka tag "b" harus ditutup duluan dan tag "a" ditutup paling akhir. Walaupun hal ini juga terdapat di dalam HTML namun tidak seketat peraturan di XHTML.

Tiap value pada attribute harus di awali dan di akhiri dengan tanda kutip ganda atau tunggal dan atributnya sendiri tidak boleh disingkat.

Contoh :
<table width="100%">

Image tag harus terdapat alt attribute yang menyediakan deskripsi image, untuk memungkinkan mereka memiliki beberapa persyaratan untuk aksesibilitas bersama dengan standar web yang berbeda.

Contoh :
<img src="images/Bekaskaki.jpg" width="100" height="150" alt="Photo: Bekaskaki" />

Ketentuan lain dari XHTML adalah adanya pernyataan dari DOCTYPE yang menentukan aturan mana yang diikuti oleh dokumen anda (aturan yang diturunkan dari XML). Kita dapat melihat pernyataan ini pada baris pertama dari halaman source kode XHTML yaitu tipe deklarasi dokumen yang biasa juga disebut dengan DTD atau DOCTYPE. Sebagian besar halaman web yang di buat akan menyertakan deklarasi DOCTYPE tersebut.

Ada 4 jenis DTD untuk XHTML:

Strict : DTD ini berisi semua elemen dan atribut HTML, tetapi TIDAK TERMASUK elemen presentasi atau usang (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.
Contoh :

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

Transitional : DTD ini berisi semua elemen HTML dan atribut, TERMASUK elemen presentasi dan usang (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.
Contoh :

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

Frameset : DTD ini sama dengan XHTML 1.0 Transitional, namun memungkinkan penggunaan konten frameset.
Contoh :

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

XHTML 1.1 : DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Anda untuk menambahkan modul (misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).
Contoh :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Sekian dulu artikel tentang Definisi Istilah/Singkatan XHTML Pada Dunia Komputer. Jika ada yang ingin mengoreksi atau ingin menambahkan silahkan beri komentar anda.

Terima kasih telah berkunjung di blog bekaskaki



Saturday, May 16, 2015

0 comments:

Post a Comment