eXtensible
HyperText Markup Language (XHTML)
adalah sebuah bahasa markap yang merupakan gabungan antaraHyperText Markup
Language(HTML) denganeXtnsible Markup Language(XML). HTML sendiri
merupakan markup language yang merupakan pondasi dari World Wide Web(www)
yang digunakan untuk membuat halaman web. Sedangkan XML adalah markup
language untuk keperluan umum yang disarankan oleh World Wide Web
Consorcium(W3C) untuk membuat dokumen markup keperluan pertukaran data
antara sistem yang beraneka ragam. XML juga merupakan kelanjutan dari HTML .
Sehinggga dapat disimpulkan bahwa XHTML merupakan standar penulisan terbaru
untuk membuat halaman web. Hal ini merupaka rekomendasi dari W3C sejak tahun
2000.
Secara
umum, bentuk dari sintak XHTML ini hampir mirip dengan HTML, karena merupakan
keturunannya. Namun pada XHTML ini aturan penulisan sintaksny lebih ketat
dibandingkan dengan HTML. Selain itu ada beberapa perbedaan antara XHTML dan
HTML. Diantaranya, pada XHTML harus memiiki Document Type Definition (DTD)
yang dituliskan di paling atas sintaks. Sedangkan pada HTML hal ini tidak ada.
DTD pada XHTML ada tiga, yaitu :
Strict, XHTML strict digunakan jika Anda
benar-benar menggunakan markup yang bersih, dan tidak memiliki kesalahan ketik
dan grammar.
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Transitional, Anda dapat menggunakan metode
transisional jika ingin memanfaatkan fitur presentasi dari HTML dan juga jika
halaman web hendak ditampilkan di browser yang tidak dapat mem-parsing CSS (cascading
styel sheet).
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
Frameset, Ini digunakan jika Anda ingin
menampilkan frame HTML untuk membagi browser menjadi lebih dari satu grame
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
Cara penulisannya:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
Perbedaan yang lain Semua elemen XHTML harus memiliki
penutup
Contoh:
<p>ini
salah
<p>Ini benar</p>
perhatikan tag <p>, karena telah dubuka, maka tag <p> harus ditutup dengan </p>
<p>Ini benar</p>
perhatikan tag <p>, karena telah dubuka, maka tag <p> harus ditutup dengan </p>
Penulisan atribut harus dalam quote (“”)
Contoh:
<table width=100%> ← salah
<table width=”100%”> ← benar
<table width=”100%”> ← benar
Untuk
lebih jelasnya, lihat contoh perbedaan antara sintaks HTML dengan XHTML dibawah
iniContoh sintaks HTML:
<HTML>
<head>
<title>Membuat
radio Button</title>
</head>
<body>
<h1>Pilih
Jurusan</h1>
<form
method="post" action="">
<input
type="radio" name="jurusan" value=Teknik Elektro/>Teknik
Elektro<br/>
<input
type="radio" name="jurusan" value="Teknik
Kimia"/>Teknik Kimia<br/>
<input
type="radio" name="jurusan" value="Teknik
Informatika"/>Teknik Informatika<br/>
<input
type="radio" name="jurusan" value="Teknik
Industri"/>Teknik Industri<br/>
<input
type="radio" name="jurusan" value="Teknik
Informatika"/>Teknik Informatika<br/>
<input
type="radio" name="jurusan" value="Teknik
Mesin"/>Teknik Mesin<br/>
<input
type="submit" name="submit" value="Kirim
Data"/>
</HTML>
<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
> XHTML 1.0 Strict Example </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
> This is an example of an
<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
>
<?xml version = "1.0" encoding = "UTF-8" ?>
<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" >
<head >
<title > XHTML 1.0 Strict Example </title >
<script type = "application/javascript" >
<![CDATA[
function loadpdf() {
document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
}
]]>
</script >
</ Head>
<body onload = "loadpdf()" >
<p > This is an example of an
<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"
type = "application/pdf"
data = "http://www.w3.org/TR/xhtml1/xhtml1.pdf"
width = "100%"
height = "500" />
</p >
</body >
</html >