Perbedaan Antara HTML dan XHTML

Halo teman teman pada kesempatan kali ini kami kursus pembuatan website srengseng akan menjelaskan tentang Perbedaan Antara HTML dan XHTML mungkin umumnya kita lebih mengenal yang namanya HTML dibandingkan dengan XHTML kalau dibandingkan antara HTML dan XHTML, XHTML lebih bagus dibandingkan dengan HTML, karena XHTML didukung oleh semua browser dan peraturan yang ada pada XHTML lebih ketat dibandingkan dengan HTML.

Oke teman teman kita langsung saja, Perbedaan Antara HTML dan XHTML dan apa kelebihan dari XHML ?

Yang pertama kursus pembuatan website srengseng akan bahas dulu yaitu HTML (Hypertext Markup Language)

1. Pengetian :

HTML merupakan Singkatan dari (Hypertext Markup Language), HTML merupakan bahasa asli dari www, dan merupakan bahasa standar untuk menampilkan data di internet

2. Stuktur HTML :

Sruktur pada HTML tidak harus menggunakan “doctype” karena tanpa “doctype” tag-tag html juga dapat dijlankan pada browser, contohnya yaitu :

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
	...
</body>

3. Atribut

nama atribut yang digunakan pada HTML tidak harus huruf kecil, dan untuk penulisan img pada HTML juga tidak harus menggunakan “alt“, contohnya yaitu :

<input TYPE="Submit" >  
<img src="nama_gambar.jpg">

dan berikutnya yaitu XHTML

1. Pengertian :

XHTML merupakan singkatan dari (Extensible Hypertext  Markup Language), XHTML merupakan gabungan dari HTML dan XML (Extensible Markup Language) , dari segi peraturan XHTML lebih ketat dibandingkan dengan HTML, dan semua tag XHTML harus di tutup tidak sama dengan tag pada HTML

2. Stuktur Penulisan XHTML:

Sruktur Penulisan XHTML wajib mengunkan “doctype” contohnya yaitu :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
......
</body>
</html>

3. Penulisan tag XHTML :

• tag yang tersusun pada XHTML haruslah selalu tersusun secara benar Exp :

  <p><i>contoh element yang berpasngan menggunakan XHTML yang benar</i></p>
  <p><i>contoh element yang berpasngan menggunakan XHTML yang salah</p></i>

• Setiap tag single yang terdapat pada XHTML haruslah selalu ditutup dengan tanda “/” Exp :

  <link href="#" type="text/css" />
  <br/>
  <hr/>

• Untuk menuliskan sebuah tag pada XHTML haruslah selalu menggunakan huruf kecil Exp :

  <!-- Benar -->
  <p>benar</p> 
  <a href="#">benar</a>
  
  <-- Salah -->
  <P>salah</P>
  <A href="#">salah</A>

3. Atribut

• Nama artibut harus digunakan pada XHTML harus menggunakan huruf kecil Exp :

  <input type="text" /> <!--benar-->
  <input type="password" /> <!--benar-->
  
  <input TYPE="text"> <!-- salah-->
  <input TYPE="password"> <!-- salah-->

• Setiap nilai atau value yang ada di dalam atribut harus menggunakan tanda kutip Exp :

  <input readonly="readonly">
  <input disabled="disabled">
  <input checked="checked">
  <option selected="selected">

• Tidak dibolehkan untuk menyingkat atribut yang akan kita gunakan Exp :

  <input readonly>
  <input disabled>
  <input checked>
  <option selected>

• Dan cara penuliasan img harus menggunakan “alt” Exp :

  <img src="namagambar.jpg" alt="">

Bagai mana teman teman sudah pahamkan Perbedaan Antara HTML dan XHTML, nya ?

Sekian tutorial Kursus Pembuatan Website Srengseng dari Dumet School kali ini mengenai Perbedaan Antara HTML dan XHTML

Terimakasih.