Extensible hypertext markup language: Perbedaan antara revisi
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
Menolak 4 perubahan teks terakhir (oleh 94.254.242.243) dan mengembalikan revisi 11999272 oleh Kenrick95Bot |
||
Baris 1: | Baris 1: | ||
[[Berkas:XHTML.svg|thumb|200 px|Contoh program XHTML]] |
|||
J |
|||
'''XHTML''' merupakan [[singkatan]] dari '''eXtensible HyperText Markup Language'''. XHTML merupakan bentuk reformulasi dari [[HTML]] menggunakan [[paradigma]] [[XML]].<ref> Zainal Arifin & Smitdev Community, ''36 Menit Belajar Komputer: Php Dan Mysql'', halaman 5-6. Elex Media Komputindo.</ref> |
|||
XHTML adalah ''[[bahasa markup]]'' penerus dan pengembangan dari HTML yang memiliki kemampuan yang kurang lebih mirip HTML, tetapi dengan aturan [[Sintaksis|sintaks]] yang lebih ketat. HTML merupakan [[aplikasi]] dari [[SGML]] ''(Standard Generalized Markup Language)'' yang sangat fleksibel, sedangkan XHTML adalah aplikasi dari [[XML]], turunan SGML yang lebih terbatas. |
|||
Karena XHTML harus memiliki ''keteraturan-bentuk'' (mengikuti sintaks yang tepat), dokumen XHTML dapat diproses otomatis dengan menggunakan standar pemroses XML - tidak seperti HTML yang membutuhkan pemroses yang cukup sulit dan [[kompleks]]. XHTML dapat dianggap sebagai perpaduan antara HTML dan [[XML]] karena merupakan formulasi ulang HTML dalam bentuk XML. XHTML 1.0 telah menjadi [[rekomendasi W3C]] atau ''[[World Wide Web Consortium]]'' pada tanggal [[26 Januari]] [[2000]].<ref> Doug Lowe,Jeff Cogswell,Ken Cox, ''ASP.NET 2.0 All-In-One Desk Reference For Dummies'', halaman 178. Wiley Publishing, Inc.</ref> |
|||
== Pendahuluan == |
== Pendahuluan == |
||
Baris 6: | Baris 12: | ||
XHTML adalah bahasa markup sebagaimana HTML, tetapi dengan gaya [[bahasa]] lebih baik<ref>Yuhefizar, ''10 Jam Menguasai Internet, Teknologi, & Aplikasinya + CD'', halaman 165. Elex Media Komputindo.</ref>. XHTML merupakan versi HTML yang memenuhi persyaratan XML dan merupakan sebuah dokumen HTML,<ref>Ali Zaki & Smitdev Community, ''SPP AJAX untuk PEMULA'', halaman 19. Elex Media Komputindo.</ref>dan XHTML menjadi standar [[internasional]] dengan spesifikasi yang ditetapkan oleh [[W3C]] (''World Wide Web Consortium'').<ref name="andi"/> |
XHTML adalah bahasa markup sebagaimana HTML, tetapi dengan gaya [[bahasa]] lebih baik<ref>Yuhefizar, ''10 Jam Menguasai Internet, Teknologi, & Aplikasinya + CD'', halaman 165. Elex Media Komputindo.</ref>. XHTML merupakan versi HTML yang memenuhi persyaratan XML dan merupakan sebuah dokumen HTML,<ref>Ali Zaki & Smitdev Community, ''SPP AJAX untuk PEMULA'', halaman 19. Elex Media Komputindo.</ref>dan XHTML menjadi standar [[internasional]] dengan spesifikasi yang ditetapkan oleh [[W3C]] (''World Wide Web Consortium'').<ref name="andi"/> |
||
== Alasan Menggunakan XHTML == |
|||
p |
|||
Beberapa alasan mengapa menggunakan XHTML<ref name="dadan">Dadan Sutisna, ''7 Langkah Mudah Menjadi WEB Master + CD'', halaman 33 - 35. mediakita.</ref>: |
|||
* XHTML menyempurnakan kekurangan-kekurangan pada HTML. |
|||
* XHTML dapat dijalankan pada berbagai platform, sehingga memungkinkan situs kita dibuka dengan baik melalui [[PDA]] dan [[ponsel]]. |
|||
== Penulisan == |
|||
XHTML tidak terlalu berbeda dengan HTML 4.01 standar. Jika sudah mempunyai kemampuan HTML 4.01 maka akan sangat membantu untuk memulai XHTML. XHTML mengharuskan penulisan [[tag]] dengan huruf kecil (''lowercase'') dan selalu menutup menggunakan penutup tag.<ref name="andi"/> |
|||
=== Deklarasi Pada XHTML === |
|||
Deklarasi Doctype pada XHTML hampir sama dengan Doctype pada HTML. W3C mengharuskan |
|||
agar selalu menggunakan Doctype pada XHTML. Terdapat [[3]] Jenis Doctype pada XHTML<ref name="dadan"/>: |
|||
* XHTML - Strict. Digunakan untuk membuat [[halaman]] yang layout dan formatnya dikontrol penuh oleh [[CSS]]. |
|||
Pada deklarasi ini menggunakan tag [[font]] dan [[tabel|table]]. |
|||
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Strict//EN" |
|||
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source> |
|||
* XHTML - Transitional. Digunakan untuk membuat halaman yang sebagian besar menggunakan tag-tag HTML. |
|||
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-traditional.dtd"></source> |
|||
* XHTML - Frame. Digunakan jika kita memakai frame pada [[web|halaman web]]. |
|||
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Frameset//EN" |
|||
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></source> |
|||
=== Elemen dasar pada XHTML === |
|||
XHTML masih menggunakan elemen pada HTML, meski beberapa penambahan dan penyempurnaan.<ref name="dadan"/> |
|||
Berikut beberapa elemen yang digunakan pada XHTML<ref name="dadan"/>: |
|||
{| class=prettytable |
|||
|- |
|||
! Struktur |
|||
! Body, Head, Html, Title |
|||
|- |
|||
| Teks |
|||
| abbr, acronym, address, blockquote, br, cite, code,dfn, div, em, h1, h2, h3, h4,h5, h6, kbd, p, pre, q, samp, spam, strong, var |
|||
|- |
|||
| Hypertext |
|||
| a |
|||
|- |
|||
| List |
|||
| dl, dt, dd, ol, ul, li |
|||
|- |
|||
| Form |
|||
| form, input, label, select, option, textaarea |
|||
|- |
|||
| Tabel |
|||
| caption, table, td, th, tr |
|||
|- |
|||
| Gambar / Image |
|||
| img |
|||
|- |
|||
| Link |
|||
| link |
|||
|} |
|||
=== Beberapa aturan pada XHTML === |
|||
P |
|||
Seperti yang telah disinggung sebelumnya, XHTML merupakan penyempurnaan dari HTML.<ref name="dadan"/> Untuk itu, ada beberapa aturan agar [[program]] lebih stabil dan konsisten.<ref name="dadan"/> |
|||
* Setiap tag harus ditulis dengan huruf kecil. |
|||
* Memberi penutup untuk setiap tag. |
|||
* Membuka dan menutup tag pada sarang yang benar. |
|||
* Atribut tag ditulis dengan huruf kecil dan memakai [[tanda petik]]. |
|||
== Pranala luar == |
|||
l |
|||
* {{en}} [http://www.w3.org/TR/xhtml1/ Spesifikasi XHTML 1.0] |
|||
* {{en}} [http://www.w3.org/TR/xhtml11/ Spesifikasi XHTML 1.1] |
|||
== Referensi == |
== Referensi == |
Revisi per 3 September 2017 01.25
XHTML merupakan singkatan dari eXtensible HyperText Markup Language. XHTML merupakan bentuk reformulasi dari HTML menggunakan paradigma XML.[1]
XHTML adalah bahasa markup penerus dan pengembangan dari HTML yang memiliki kemampuan yang kurang lebih mirip HTML, tetapi dengan aturan sintaks yang lebih ketat. HTML merupakan aplikasi dari SGML (Standard Generalized Markup Language) yang sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML, turunan SGML yang lebih terbatas.
Karena XHTML harus memiliki keteraturan-bentuk (mengikuti sintaks yang tepat), dokumen XHTML dapat diproses otomatis dengan menggunakan standar pemroses XML - tidak seperti HTML yang membutuhkan pemroses yang cukup sulit dan kompleks. XHTML dapat dianggap sebagai perpaduan antara HTML dan XML karena merupakan formulasi ulang HTML dalam bentuk XML. XHTML 1.0 telah menjadi rekomendasi W3C atau World Wide Web Consortium pada tanggal 26 Januari 2000.[2]
Pendahuluan
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).[3]
Alasan Menggunakan XHTML
Beberapa alasan mengapa menggunakan XHTML[6]:
- XHTML menyempurnakan kekurangan-kekurangan pada HTML.
- XHTML dapat dijalankan pada berbagai platform, sehingga memungkinkan situs kita dibuka dengan baik melalui PDA dan ponsel.
Penulisan
XHTML tidak terlalu berbeda dengan HTML 4.01 standar. Jika sudah mempunyai kemampuan HTML 4.01 maka akan sangat membantu untuk memulai XHTML. XHTML mengharuskan penulisan tag dengan huruf kecil (lowercase) dan selalu menutup menggunakan penutup tag.[3]
Deklarasi Pada XHTML
Deklarasi Doctype pada XHTML hampir sama dengan Doctype pada HTML. W3C mengharuskan agar selalu menggunakan Doctype pada XHTML. Terdapat 3 Jenis Doctype pada XHTML[6]:
Pada deklarasi ini menggunakan tag font dan table.
<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Strict//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- XHTML - Transitional. Digunakan untuk membuat halaman yang sebagian besar menggunakan tag-tag HTML.
<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-traditional.dtd">
- XHTML - Frame. Digunakan jika kita memakai frame pada halaman web.
<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Frameset//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Elemen dasar pada XHTML
XHTML masih menggunakan elemen pada HTML, meski beberapa penambahan dan penyempurnaan.[6] Berikut beberapa elemen yang digunakan pada XHTML[6]:
Struktur | Body, Head, Html, Title |
---|---|
Teks | abbr, acronym, address, blockquote, br, cite, code,dfn, div, em, h1, h2, h3, h4,h5, h6, kbd, p, pre, q, samp, spam, strong, var |
Hypertext | a |
List | dl, dt, dd, ol, ul, li |
Form | form, input, label, select, option, textaarea |
Tabel | caption, table, td, th, tr |
Gambar / Image | img |
Link | link |
Beberapa aturan pada XHTML
Seperti yang telah disinggung sebelumnya, XHTML merupakan penyempurnaan dari HTML.[6] Untuk itu, ada beberapa aturan agar program lebih stabil dan konsisten.[6]
- Setiap tag harus ditulis dengan huruf kecil.
- Memberi penutup untuk setiap tag.
- Membuka dan menutup tag pada sarang yang benar.
- Atribut tag ditulis dengan huruf kecil dan memakai tanda petik.
Pranala luar
- (Inggris) Spesifikasi XHTML 1.0
- (Inggris) Spesifikasi XHTML 1.1
Referensi
- ^ Zainal Arifin & Smitdev Community, 36 Menit Belajar Komputer: Php Dan Mysql, halaman 5-6. Elex Media Komputindo.
- ^ Doug Lowe,Jeff Cogswell,Ken Cox, ASP.NET 2.0 All-In-One Desk Reference For Dummies, halaman 178. Wiley Publishing, Inc.
- ^ a b c d e Andi Sunyoto, M. Kom (Amikom Yogyakarta), Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript&XML, halaman 7, 8 & 163. ANDI.
- ^ Yuhefizar, 10 Jam Menguasai Internet, Teknologi, & Aplikasinya + CD, halaman 165. Elex Media Komputindo.
- ^ Ali Zaki & Smitdev Community, SPP AJAX untuk PEMULA, halaman 19. Elex Media Komputindo.
- ^ a b c d e f Dadan Sutisna, 7 Langkah Mudah Menjadi WEB Master + CD, halaman 33 - 35. mediakita.