Perbedaan - HTML dan XHTML

Postingan kali ini saya rasa penting untuk saya sampaikan apalagi buat para pengutak-atik template.  Ketika memasukkan kode ke dalam template Blogger, elemen halaman, atau posting blog, Anda mungkin telah melihat pesan kesalahan bahwa kode tidak dapat dibaca, itu tidak baik terbentuk , itu rusak , atau bahwa unsur-unsur yang tidak ditutup dengan benar . Kesalahan ini dapat diperbaiki jika anda memahami aturan-aturan yang harus ditaati dalam dokumen XHTML. Blogger template menggunakan XHTML 1.0 Strict Document Type. Pada artikel ini, kita akan menjelaskan beberapa sintaks XHTML atau aturan, sehingga Anda dapat memecahkan masalah dan menyelesaikan masalah jika pesan-pesan kesalahan harus terjadi.

XML, HTML dan XHTML

Kami akan tetap pendek ini. Sama sehingga Anda memahami apa yang kami katakan tentang jenis dokumen, melihat Page Source atau Sumber dari blog Blogger Anda. Anda harus melihat hal 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), diciptakan oleh Tim Berners-Lee, dan digunakan sejak masa awal internet. XML (Extensible Markup Language) adalah sebuah meta-bahasa, yang digunakan untuk membuat bahasa markup lainnya. HTML tradisional kemudian menyusun kembali untuk menggunakan aturan XML dan yang menghasilkan aplikasi XML baru, yang disebut XHTML (Extensible Hypertext Markup Language). Karena XHTML peraturan ketat dan tak kenal ampun, tidak sesuai dengan mereka ketika mencoba untuk memodifikasi template akan menghasilkan pesan kesalahan. Jadi, apa aturan-aturan yang Blogger seperti kita harus mencatat?

Aturan Dasar XHTML

1. Kode berada di huruf kecil

Karena XML adalah case sensitive, semua kata kunci elemen dan nama atribut yang digunakan dalam XHTML harus dalam huruf kecil itu. Sebagai contoh, kode template tidak ini:

<TITLE> Tips untuk Blogger Baru </ TITLE>

tapi seperti ini:

<title> Tips untuk New Blogger </ title>

Jika Anda telah menyadari bahwa, elemen dan nama atribut antara kurang dari (<) dan lebih besar dari (>) tanda-tanda harus dalam huruf kecil itu. Namun, nilai, yang dalam hal ini adalah "Tips untuk New Blogger", bisa dalam huruf kecil, huruf besar, atau kasus campuran.

2. Nilai atribut harus dalam tanda kutip

Semua nilai atribut harus tertutup baik dalam tanda kutip tunggal atau ganda. Contoh berikut ini tidak diterima oleh XHTML:

<div id=header-wrapper>

<a href=http://bedahblogger.blogspot.com> Link Text </ a>

<img src=photo.jpg/>

<table width=200 border=0 cellpadding=2>

Sebaliknya, mereka harus ditulis seperti:

<div id='header-wrapper'>

<a href="http://bedahblogger.blogspot.com"> Link Text </ a>

<img src="photo.jpg"/>

<table width="200" border="0" cellpadding="2">

3. Container elemen harus memiliki tag penutup

Hal ini tidak benar:

<p> ayat A.

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

<p> ayat A. </ p>

Contoh unsur-unsur non-kosong banyak yang memiliki tag pembuka dan penutup yang sesuai adalah:

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

4. elemen Standalone akan ditutup

Beberapa elemen yang kosong atau mandiri. Mereka tidak memiliki tag penutup terkait. Contoh umum adalah:

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

Meskipun demikian, dalam XHTML, elemen-elemen ini harus dihentikan atau ditutup. Ada dua cara untuk melakukan itu. Salah satu cara untuk mengakhiri elemen ini adalah untuk meletakkan slash (/) pada akhir seperti ini:

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

Cara kedua adalah menambahkan tag penutup yang sesuai seperti ini:

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

5. Elemen yang akan tepat berulang

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

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

Hal ini benar bersarang karena bentuk diciptakan pertama diikuti oleh meja. Untuk menutup mereka dalam urutan yang tepat, tabel harus ditutup sebelum formulir, seperti ini: 

<form> <table> ... </ table> </ form>
6. Dokumen hanya memiliki satu elemen root

Dalam dokumen XHTML, Anda akan melihat bahwa kecuali untuk deklarasi tipe dokumen, semua kode ini bersarang antara <html> dan </ html>. Ini adalah elemen root dan semua elemen lain atau unsur-unsur sub di antara keduanya. Struktur dokumen akan terlihat seperti ini:

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

7. Atribut minimisasi tidak diperbolehkan

Dalam XHTML, semua atribut harus dalam bentuk nama = "nilai". Bahkan jika nilai tersebut sama dengan nama, ia tidak dapat diminimalkan untuk satu kata. Oleh karena itu, dalam menambahkan Text Box dan Textarea artikel, kode textarea tidak seperti ini:

<textarea readonly> Hyperlink Kode </ textarea>

tapi seperti ini:

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

XHTML Entitas Karakter

Cukup banyak pembaca yang bertanya mengapa mereka tidak dapat menampilkan kode HTML dalam posting blog kode mereka atau mengapa mereka tidak baik dipecah saat dimasukkan ke dalam template. Jika Anda telah menyadari bahwa sekarang, kode ini dibungkus dalam lebih rendah daripada (<) dan lebih besar dari tanda-tanda (>). Saat ini diposting, mereka akan diinterpretasikan sebagai kode dan akan memicu tindakan oleh browser. Jika Anda ingin menampilkan ini sebagai bagian dari teks, gunakan entitas karakter mereka sebagai gantinya.

"	"
&	&
<	<
>	>

Lain kali Anda melihat pesan kesalahan yang menyatakan bahwa kode ini tidak terbentuk dengan baik, tidak baik dipecah, tidak ditutup, dll, lihatlah panduan ini, memecahkan masalah dan mencoba solusi yang mungkin.  Selamat Mencoba