HTML va XHTML
XHTML — HTML’ning qat’iyroq, ko‘proq XML asosidagi versiyasi.
XHTML nima?
- XHTML — EXtensible HyperText Markup Language (Kengaytiriladigan gipermatn belgilash tili) so‘zining qisqartmasi
- XHTML — HTML’ning qat’iyroq, ko‘proq XML asosidagi versiyasi
- XHTML — XML ilovasi sifatida aniqlangan HTML
- XHTML barcha yirik brauzerlar tomonidan qo‘llab-quvvatlanadi
Nega XHTML?
XML — bu barcha hujjatlar to‘g‘ri belgilangan ("yaxshi shakllangan") bo‘lishi shart bo‘lgan belgilash tili.
XHTML HTML’ni boshqa ma’lumot formatlari (masalan, XML) bilan ishlashda ko‘proq kengaytiriladigan va moslashuvchan qilish uchun ishlab chiqilgan. Qo‘shimcha ravishda, brauzerlar HTML sahifalardagi xatolarni e’tiborsiz qoldiradi va belgilashda ba’zi xatolar bo‘lsa ham saytni ko‘rsatishga harakat qiladi. Shuning uchun XHTML ancha qat’iyroq xato boshqaruvi bilan keladi.
Agar XML o‘rganmoqchi bo‘lsangiz, XML darsligimizni o‘qing.
HTML’dan eng muhim farqlar
- <!DOCTYPE> majburiy
- <html> dagi xmlns atributi majburiy
- <html>, <head>, <title> va <body> majburiy
- Elementlar doim to‘g‘ri ichma-ich joylashtirilishi shart
- Elementlar doim yopilishi shart
- Elementlar doim kichik harflarda bo‘lishi shart
- Atribut nomlari doim kichik harflarda bo‘lishi shart
- Atribut qiymatlari doim tirnoq ichida bo‘lishi shart
- Atribut minimizatsiyasi taqiqlangan
XHTML — <!DOCTYPE ....> majburiy
XHTML hujjatida XHTML <!DOCTYPE> deklaratsiyasi bo‘lishi shart.
<html>, <head>, <title> va <body> elementlari ham mavjud bo‘lishi kerak, va <html> dagi xmlns atributi hujjat uchun xml nomlar fazasini (namespace) belgilashi shart.
Misol
Faqat zarur teglarni o‘z ichiga olgan XHTML hujjati:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
XHTML elementlari to‘g‘ri ichma-ich bo‘lishi shart
XHTML da elementlar har doim bir-birining ichida to‘g‘ri joylashtirilishi shart, masalan:
Correct:
<b><i>Some text</i></b>Wrong:
<b><i>Some text</b></i>XHTML elementlari har doim yopilishi shart
XHTML’da elementlar doim quyidagidek yopilishi shart:
Correct:
<p>This is a paragraph</p>
<p>This is another paragraph</p>Wrong:
<p>This is a paragraph
<p>This is another paragraphXHTML bo‘sh elementlari har doim yopilishi shart
XHTML’da bo‘sh elementlar doim quyidagidek yopilishi shart:
Correct:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />Wrong:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">XHTML elementlari kichik harflarda bo‘lishi shart
XHTML’da element nomlari doim kichik harflarda bo‘lishi shart, quyidagidek:
Correct:
<body>
<p>This is a paragraph</p>
</body>Wrong:
<BODY>
<P>This is a paragraph</P>
</BODY>XHTML atribut nomlari kichik harflarda bo‘lishi shart
XHTML’da atribut nomlari doim kichik harflarda bo‘lishi shart, quyidagidek:
Correct:
<a href="/html">Visit our HTML tutorial</a>Wrong:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>XHTML atribut qiymatlari qo‘shtirnoqda bo‘lishi shart
XHTML’da atribut qiymatlari doim tirnoq ichida bo‘lishi shart, quyidagidek:
Correct:
<a href="/html">Visit our HTML tutorial</a>Wrong:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>XHTML’da atribut minimizatsiyasi taqiqlangan
XHTML’da atribut minimizatsiyasi taqiqlangan:
Correct:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />Wrong:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />
HTML’ni W3C validator bilan tekshirish
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!