Scribd Logo
Unggah

Selamat datang di Scribd!

  • Perbedaan HTML Dan XHTML

    Diunggah oleh

    jookeo
    14 tayangan2 halaman
    Tutorial kali ini akan membahas tentang Perbedaan HTML Dan XHTML. Silahkan di coba.

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Tutorial kali ini akan membahas tentang Perbedaan HTML Dan XHTML. Silahkan di coba.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    14 tayangan2 halaman

    Perbedaan HTML Dan XHTML

    Diunggah oleh

    jookeo
    Tutorial kali ini akan membahas tentang Perbedaan HTML Dan XHTML. Silahkan di coba.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    Perbedaan utama antara HTML dan XHTML:

    Elemen XHTML harus tersusun secara benar (properly nested)


    XHTML merupakan dokumen yang well-formed
    Nama tag harus menggunakan huruf kecil
    Semua elemen XHTML harus memiliki penutup
    Nilai atribut berada dalam tanda kutip
    XHTML itu mini device ( PDA, SMART PHONE, DLL ) dan HTML untuk big device (
    komputer )
    Image tag harus terdapat alt attribute yang menyediakan deskripsi image, untuk
    memungkinkan mereka memiliki beberapa persyaratan untuk aksesibilitas bersama
    dengan standar web yang berbeda.
    Atribut tanpa nilai tidak diijinkan lagi di XHTML. Setiap atribut harus mempunyai nilai.
    Beberapa tanda spasi atau karakter white space lain dalam string yang menyimpan
    nilai sebuah atribut digabungkan menjadi satu spasi saja.
    Atribut name untuk beberapa tag diubah menjadi atribut id sehingga penamaan
    menjadi konsisten untuk semua tag
    XHTML (seperti XML) adalah case sensitive,
    Format karakter dalam bentuk heksadesimal harus dimulai dengan &#x (dengan x
    kecil), misalnya �

    Elemen harus tersusun dengan benar


    Misalnya:
    Code:
    <b><i>Ini adalah tulisan yang berformat bold dan italik</b></i>
    Pada XHTML semua elemen harus tersusun dengan benar seperti ini :
    Code:
    <b><i> Ini adalah tulisan yang berformat bold dan italik</i></b>
    Contoh:
    Code:
    <ul>
    <li>Kopi</li>
    <li>Teh
    <ul>
    <li>Teh Hitam</li>
    <li>Teh Hijau</li>
    </ul>
    <li>Susu</li>
    </ul>

    Penulisan ini yang benar:


    Code:
    <ul>
    <li>Kopi</li>
    <li>Teh
    <ul>
    <li>Teh Hitam </li>
    <li>Teh Hijau </li>
    </ul>
    </li>
    <li>Susu</li>
    </ul>

    Dokumen harus Well-formed


    Code:
    <html>
    <head> ... </head>
    <body> ... </body>
    </html>

    Nama Tag harus huruf kecil


    Ini salah :
    Code:
    <BODY>
    <P>Ini adalah paragraf</P>
    </BODY>

    Ini benar:
    Code:
    <body>
    <p> Ini adalah paragraf </p>
    </body>

    Semua elemen XHTML harus ditutup


    Ini salah :
    Code:
    <p> Ini adalah paragraf
    <p> Ini adalah paragraph yang lain

    Ini Benar :
    Code:
    <p> Ini adalah paragraf </p>
    <p> Ini adalah paragraf yang lain </p>

    Elemen kosong harus ditutup


    Ini Salah :
    Code:
    Ini adalah break<br>
    Ini adalah garis mendatar:<hr>
    Ini adalah image <img src="gambar.gif"
    alt="gambar">

    Ini benar :
    Code:
    Ini adalah break<br />
    Ini adalah garis mendatar:<hr />
    Ini adalah image <img src="gambar.gif"
    alt="gambar" />

    Nilai atribut berada dalam tanda kutip


    Semua nilai atribut harus diapit baik dalam tanda kutip tunggal atau ganda.
    Contoh:
    <div id=header-wrapper>
    <a href=http://tips-for-new-bloggers.blogspot.com> Link Teks </ a>
    <img src=photo.jpg/>
    <table width=200 border=0 cellpadding=2>
    Penulisan ini yang benar:
    <div id='header-wrapper'>
    <a href="http://tips-for-new-bloggers.blogspot.com"> Link Teks </ a>
    <img src="photo.jpg"/>
    <table width="200" border="0" cellpadding="2">

    Anda mungkin juga menyukai