Comments

Pages

Jumat, 15 Maret 2013

Pendahuluan eXtensible HyperText Markup Language (XHTML)

Posted by at 20.03 Read our previous post
Pendahuluan eXtensible HyperText Markup Language (XHTML)

XHTML adalah sebuah kombinasi dari HTML dan XML (Extensible Markup Language) & merupakan bentuk sempurna (dalam arti, lebih ketat dan bersih dibandingkan HTML).[3] Tujuan XHTML adalah menggantikan HTML.[3] XHTML adalah bentuk HTML yang didefinisikan sebagai aplikasi XML yang berarti XHTML berisi semua elemen dalam HTML 4.01 dikombinasikan dengan sintaks XML.[3]
XHTML adalah bahasa markup sebagaimana HTML, tetapi dengan gaya bahasa lebih baik[4]. XHTML merupakan versi HTML yang memenuhi persyaratan XML dan merupakan sebuah dokumen HTML,[5]dan XHTML menjadi standar internasional dengan spesifikasi yang ditetapkan oleh W3C (World Wide Web Consortium).

Pada dasarnya hanyalah bahasa HTML yang lebih ketat. Dalam situs www banyak halaman web yang ditulis dengan HTML tidak ditulis sesuai aturan. Berikut contoh penulisan yang jelek karena <h1> tidak ditutup</h1>
<html>
<head>
<title>contoh HTML Jelek</title>
<body>
<h1>HTML kurang bagus
</body>

XML adalah markup language dimana semua harus dibuat secara benar sehingga menghasilkan dokumen yang well-formed.


Penulisan XHTML
Ada baiknya anda memahami HTML 4.01 agar lebih mudah mempelajari XHTML.
Yang membedakan penulisan XHTML dan HTML antara lain:
1.semua elemen sebaiknya saling tersarang
2.elemen XHTML sebaiknya harus selalu ditutup
3.XHTML harus lowercase(huruf kecil)
4.Dokumen XHTML mempunyai satu root elemen.

Berikut contoh elemen saling bersarang
Skrip yang salah
<b>
<i> teks ini tercetak tebal dan miring</b>
</i>

Skrip benar
<b>
<i> teks ini tercetak tebal dan miring</i>
</b>

 Contoh skrip salah
<ul>
<li> kopi</li>
<li> teh
<ul>
<li> teh hitam</li>
<li>teh hijau</li>
</ul>
<li>susu</li>
</ul>

Contoh skrip benar
<html>
<head>
<title>coba</title>
</head>
<body>
<ul>
<li> kopi</li>
<li> teh</li>
<ul>
<li> teh hitam</li>
<li>teh hijau</li>
</li>            ;lihat pada penutupan program
</ul>
<li>susu</li>
</ul>
</body>
</html>

Coba kamu save skrip diatas dan buka di notepad++ lalu run.
Maka kamu akan tau fungsi dari skrip tersebut.,
Sampai bertemu di postingan berikutnya.

Tidak ada komentar:

Posting Komentar

© All Master is powered by Blogger - Template designed by Stramaxon - Best SEO Template