MohirDox

Ko'rinishi

HTML va XHTML farqlari ​

XHTML — bu HTML ning yanada qat'iy va XML asosidagi versiyasidir.

XHTML nima? ​

  • XHTML — EXtensible HyperText Markup Language (Kengaytiriladigan GiperMatn Belgilash Tili) degan ma'noni anglatadi
  • XHTML — HTML ning yanada qat'iy va XML asosidagi versiyasi
  • XHTML — HTML ni XML ilovasi sifatida belgilaydi
  • XHTML barcha asosiy brauzerlar tomonidan qo'llab-quvvatlanadi

Nima uchun XHTML? ​

XML — bu barcha hujjatlar to'g'ri belgilanadigan (ya'ni, "yaxshi shakllangan") belgilar tili. XHTML HTML ni yanada kengaytiriladigan va boshqa ma'lumot formatlari (masalan, XML) bilan ishlash uchun moslashuvchan qilish maqsadida ishlab chiqilgan. HTML sahifalarida xatoliklar bo'lsa ham, brauzerlar ularni ko'rsatishga harakat qiladi. XHTML esa xatolarga nisbatan ancha qat'iy.

Agar siz XML ni o‘rganmoqchi bo‘lsangiz, XML qo‘llanmasi bilan tanishing.

HTML dan asosiy farqlari ​

  • <!DOCTYPE> majburiy
  • <html> tegi ichida xmlns atributi majburiy
  • <html>, <head>, <title>, va <body> teglari majburiy
  • Elementlar har doim to‘g‘ri joylashtirilgan bo‘lishi kerak
  • Elementlar har doim yopilishi kerak
  • Elementlar nomi har doim kichik harflarda bo‘lishi kerak
  • Atribut nomlari har doim kichik harflarda bo‘lishi kerak
  • Atribut qiymatlari har doim qo‘shtirnoq ichida bo‘lishi kerak
  • Atributlarni qisqartirish (minimization) taqiqlangan

XHTML - <!DOCTYPE ...> majburiy ​

XHTML hujjatida XHTML uchun <!DOCTYPE> deklaratsiyasi bo‘lishi shart.

Bundan tashqari, <html>, <head>, <title>, va <body> teglari ham bo‘lishi kerak va <html> tegida xmlns atributi XML namespace ni ko‘rsatishi kerak.

Misol ​

Quyida minimal talab qilinadigan teglarga ega XHTML hujjati:

html
<!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>Hujjat sarlavhasi</title>
    </head>
    <body>
        bu yerda kontent...
    </body>
</html>

XHTML elementlari to‘g‘ri joylashtirilgan bo‘lishi kerak ​

XHTML da elementlar har doim to‘g‘ri joylashtirilgan bo‘lishi kerak:

To‘g‘ri:

html
<b><i>Matn</i></b>

Noto‘g‘ri:

html
<b><i>Matn</b></i>

XHTML elementlari har doim yopilishi kerak ​

XHTML da elementlar har doim yopilishi kerak:

To‘g‘ri:

html
<p>Bu paragraf</p>
<p>Bu yana bir paragraf</p>

Noto‘g‘ri:

html
<p>Bu paragraf
<p>Bu yana bir paragraf

XHTML bo‘sh elementlari har doim yopilishi kerak ​

XHTML da bo‘sh elementlar har doim yopilishi kerak:

To‘g‘ri:

html
Break: <br />
Gorizontal chiziq: <hr />
Rasm: <img src="happy.gif" alt="Happy face" />

Noto‘g‘ri:

html
Break: <br>
Gorizontal chiziq: <hr>
Rasm: <img src="happy.gif" alt="Happy face">

XHTML elementlari nomi kichik harflarda bo‘lishi kerak ​

XHTML da element nomlari har doim kichik harflarda bo‘lishi kerak:

To‘g‘ri:

html
<body>
    <p>Bu paragraf</p>
</body>

Noto‘g‘ri:

html
<BODY>
    <P>Bu paragraf</P>
</BODY>

XHTML atribut nomlari kichik harflarda bo‘lishi kerak ​

XHTML da atribut nomlari har doim kichik harflarda bo‘lishi kerak:

To‘g‘ri:

html
<a href="https://www.w3schools.com/html/">HTML qo‘llanmasiga tashrif buyuring</a>

Noto‘g‘ri:

html
<a HREF="https://www.w3schools.com/html/">HTML qo‘llanmasiga tashrif buyuring</a>

XHTML atribut qiymatlari qo‘shtirnoq ichida bo‘lishi kerak ​

XHTML da atribut qiymatlari har doim qo‘shtirnoq ichida bo‘lishi kerak:

To‘g‘ri:

html
<a href="https://www.w3schools.com/html/">HTML qo‘llanmasiga tashrif buyuring</a>

Noto‘g‘ri:

html
<a href=https://www.w3schools.com/html/>HTML qo‘llanmasiga tashrif buyuring</a>

XHTML da atributlarni qisqartirish taqiqlangan ​

XHTML da atributlarni qisqartirish mumkin emas:

To‘g‘ri:

html
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

Noto‘g‘ri:

html
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

HTML ni W3C Validator yordamida tekshiring ​

HTML yoki XHTML kodingizni rasmiy W3C Markup Validation Service orqali tekshirishingiz mumkin:

Yoki to‘g‘ridan-to‘g‘ri https://validator.w3.org/ manziliga o‘ting.