---
title: HTML vs. XHTML
description: ">  XHTML бол илүү хатуу XML дээр суурилсан  HTML хувилбар юм. ## XHTML гэж юу вэ? XHTML гэдэг нь EXTensible HyperText Markup Language гэсэн үг юм XHTML бол илүү хатуу XML дээр суурилсан HTML хувилбар юм XHTML бол HTML-ийг XML…"
url: "https://apprentice.mn/docs/html-vs-xhtml/"
updated: "2021-07-08"
category: HTML
---

# HTML vs. XHTML

>  XHTML бол илүү хатуу XML дээр суурилсан  HTML хувилбар юм.

## XHTML гэж юу вэ?

XHTML гэдэг нь EXTensible HyperText Markup Language гэсэн үг юм

XHTML бол илүү хатуу XML дээр суурилсан HTML хувилбар юм

XHTML бол HTML-ийг XML програм гэж тодорхойлдог

XHTML нь бүх томоохон хөтөчөөр дэмжигддэг

## XHTML яагаад?

XML бол бүх баримтыг зөв тэмдэглэсэн байх тэмдэглэгээний хэл юм.

XHTML нь HTML-ийг бусад өгөгдлийн форматтай (XML гэх мэт) ажиллахад илүү уян хатан болгох зорилгоор боловсруулсан болно. Үүнээс гадна, хөтөч нь HTML хуудасны алдааг үл тоомсорлож, тэмдэглэгээнд зарим алдаа гарсан ч гэсэн вэбсайтаа харуулахыг хичээдэг. Тиймээс XHTML нь илүү хатуу алдаатай харьцдаг.

## HTML-ээс хамгийн чухал ялгаа

- <! DOCTYPE> заавал байх ёстой
  доторх xmlns атрибут заавал байх ёстой
- , <толгой>, <гарчиг>, <бие> заавал байх ёстой
- Элементүүд үргэлж зөв байралсан байх ёстой
- Элементүүд үргэлж хаалттай байх ёстой
- Элементүүд үргэлж жижиг үсгээр бичигдсэн байх ёстой
- Шинж чанарын нэр үргэлж жижиг үсгээр бичигдсэн байх ёстой
- Шинж чанарынутгыг үргэлж хашилтанд (“шинж чанарын утга”) байх ёстой
- Шинж чанарыг багасгахыг хориглоно

Энд хамгийн бага шаардлагатай хаяг бүхий XHTML баримт бичиг байна:

     `<!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 элементүүдийг зөв байралсан байх ёстой

XHTML дээр элементүүд үргэлж зөв хоорондоо орж байрласан байх ёстой.

### Зөв:

      `<b><i>Some text</i></b>`

### Буруу:

     `<b><i>Some text</b></i>`

## XHTML элементүүд үргэлж хаалттай байх ёстой

XHTML дээр элементүүд үргэлж хаалттай байх ёстой яг л үүн шиг:

### Зөв:

      `<p>This is a paragraph</p>
<p>This is another paragraph</p>`

### Буруу:

     `<p>This is a paragraph
<p>This is another paragraph`

## XHTML хоосон элементүүд үргэлж хаалттай байх ёстой

XHTML хоосон элементүүд үргэлж хаалттай байх ёстой яг л доорх шиг:

### Зөв:

      `A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />`

### Буруу:

     `A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">`

## XHTML элементүүд жижиг үсэг байх ёстой

XHTML дээр элементийн нэр үргэлж жижиг үсгээр бичигдэх ёстой, жишээлбэл:

### Зөв:

      `<body>
<p>This is a paragraph</p>
</body>`

### Буруу:

     `<BODY>
<P>This is a paragraph</P>
</BODY>`

## XHTML шинж чанарын нэр нь жижиг үсгээр бичигдсэн байх ёстой

XHTML дээр шинж чанарын нэр үргэлж жижиг үсгээр бичигдэх ёстой.

### Зөв:

      `<a href="https://apprentice.mn/docs/html">Visit our HTML tutorial</a>`

### Буруу:

     `<a HREF="https://apprentice.mn/docs/html">Visit our HTML tutorial</a>`

## XHTML шинж чанарын утгыг хашилтанд байх ёстой

XHTML-д шинж чанарын утгыг үргэлж хашилтанд байх ёстой.

### Зөв:

      `<a href="https://apprentice.mn/docs-category/html/">Visit our HTML tutorial</a>`

### Буруу:

     `<a href=https://apprentice.mn/docs-category/html/>Visit our HTML tutorial</a>`

## XHTML шинж чанарыг багасгахыг хориглоно

XHTML шинж чанарыг багасгахыг хориглоно

### Зөв:

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

### Буруу:

     `<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />`               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-vs-xhtml%2F&linkname=HTML%20vs.%20XHTML)[https://www.addtoany.com/share](https://www.addtoany.com/share)