Perbedaan HTML dan xHTML

Diposting oleh Arief Hidayat on Kamis, 22 Maret 2012


Saat memasukkan kode ke dalam template Blogger, elemen halaman, atau posting blog, kamu mungkin telah melihat pesan kesalahan bahwa 
kode tersebut tidak bisa diuraikan, tidak well-formed, patah, atau bahwa kode kode tidak ditutup dengan benar. Kesalahan ini dapat diperbaiki jika kamu bisa memahami aturan-aturan yang harus ditaati dalam aturan aturan XHTML. Template blogger menggunakan Tipe Dokumen XHTML 1.0 Strict. Pada artikel ini, kita akan menjelaskan beberapa sintaks XHTML dan kode kode, beserta aturan aturannya, sehingga kamu dapat memecahkan masalah dan menyelesaikan masalah jika pesan-pesan kesalahan harus terjadi.

XML, HTML dan XHTML

kamu harus melihat ini deklarasi tipe dokumen di bagian paling atas: - 
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 


Istilah - XML, HTML dan XHTML - lihat bahasa markup yang digunakan untuk menulis halaman web. Banyak dari kita akan mendengar dari HTML (Hypertext Markup Language), ditemukan oleh Tim Berners-Lee, dan digunakan sejak masa awal internet. XML (Extensible Markup Language) adalah sebuah meta-language, yang digunakan untuk membuat bahasa markup lainnya. HTML tradisional kemudian disusun kembali menggunakan aturan XML dan yang menghasilkan aplikasi XML baru, yang disebut XHTML (Extensible Hypertext Markup Language). Karena aturan XHTML yang ketat dan rumitnya tak kenal ampun :D, kode kode yang tidak sesuai,ketika kamu mencoba untuk memodifikasi template akan menghasilkan pesan kesalahan. Jadi, apa saja aturan-aturan yang Blogger yang ahrus kita catat??

Dasar Aturan XHTML 

1. Kode berada dalam huruf kecil 

Karena XML itu sensitif, semua kata kunci elemen dan nama atribut yang digunakan dalam XHTML harus dalam huruf kecil itu. Sebagai contoh yang salah : 

Tips <TITLE> untuk Blogger Baru </ TITLE> 


tapi yang benar seperti ini: - 

Tips <title> untuk Blogger Baru </ title> 


2. Nilai atribut berada dalam tanda kutip 

Semua nilai atribut harus diapit baik dalam tanda kutip tunggal atau ganda.Contoh-contoh berikut tidak diterima oleh XHTML: -

<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> 


Sebaliknya,harus ditulis seperti: - 

<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"> 


3. Elemen kontainer harus menutup tag 

Ini tidak benar: - 

<p> ayat A. 


Dalam XHTML, harus ada tag penutup dengan garis miring (/) di akhir: - 

<p> code </ p>. 


Contoh yang benar seperti ini 

<ul> ... </ Ul>
<li> ... </ Li>
<table> ... </ Table>
<h2> ... </ H2>
<div> ... </ Div>
<span> ... </ Span>
<dt> ... </ Dt>
<dd> ... </ Dd>
<a href> ... </ A> 


4. Standalone elemen harus ditutup 

Beberapa elemen yang kosong atau mandiri. Mereka tidak mempunyai hubungan dengan tag penutup. Contoh umum adalah: - 

<br>
<img>
<input>
<frame>
<hr>
<META>
<link> 


Meskipun demikian, dalam XHTML, elemen ini harus dihentikan atau ditutup. Ada dua cara untuk melakukan itu. Salah satu cara untuk menghentikan elemen yaitu untuk memberikan garis miring (/) pada akhirnya seperti ini: - 

<br/>
<img/>
<input/>
<frame/>
<hr/>
<meta/>
<link/> 


Cara kedua adalah dengan menambahkan tag penutup yang sesuai seperti ini: - 

<br> ... </ Br>
<img> ... </ Img>
<input> ... </ Input>
<frame> ... </ Frame>
<hr> ... </ Jam>
<META> ... </ Meta>
<link> ... </ Link> 


5. Elemen yang berulang

Ini berarti bahwa elemen harus ditutup dalam urutan terbalik. Sebagai contoh, kode ini tidak diterima dalam XHTML: - 

<form> <table> ... </ Form> </ table> 


elemen penutup harus terbalik... contoh sederhananya. elemen pembuka pertama, penutupnya harus ada di bagian terakhir. elemen pembuka kedua, penutupnya harus nomor 2 dari akhir... begitu seterusnya

<form> <table> ... </ table> </ form> 


6. Dokumen hanya memiliki satu elemen root 

Dalam dokumen XHTML, kamu hanya diperbolehkan memiliki satu root. di awal

<html>
<head> ... </ Head>
<body> ... </ Body>
</ Html> 


7. Minimisasi atribut tidak diperbolehkan 

Dalam XHTML, semua atribut harus dalam bentuk = "nilai". Bahkan jika nilai adalah sama seperti namanya, tidak dapat diminimalkan untuk satu kata.Oleh karena itu, kami di 
Text Box Add dan Textarea misal. kode text tidak seperti ini :

<textarea readonly> Kode Hyperlink </ textarea> 


tapi ini: - 

<textarea readonly="readonly"> Kode Hyperlink </ textarea> 


Entitas Karakter XHTML 

Cukup banyak pembaca bertanya mengapa mereka tidak dapat menampilkan kode HTML di posting blog mereka atau mengapa kode mereka tidak tertera ketika memasukkan ke template. Jika Anda telah menyadari sekarang, kode ini dibungkus dalam kurang dari (<) dan lebih besar dari (>).Saat diposting, kode kode itu akan diartikan sebagai kode dan akan memicu tindakan oleh browser. Jika Anda ingin menampilkan ini sebagai bagian dari teks, gunakan entitas karakter mereka sebagai gantinya. 

"
"
&
&
< 
< 
> 
> 


semoga tulisan ini bisa memberikan inspirasi dan bermanfaat ketika kamu mendapati kejadian kejadian misal kode kodemu eror.

Keep blogging

{ 0 komentar... read them below or add one }

Posting Komentar