HTML entity-ууд
HTML-д зарим тэмдэгт тусгай утгатай байдаг. Жишээ нь < тэмдэгтийг шууд бичвэл хөтөч үүнийг tag-ийн эхлэл гэж үзнэ. Тэгвэл энэ тэмдэгтийг агуулга болгон хэрхэн харуулах вэ? Үүний тулд HTML entity ашигладаг.
Entity-ийн синтакс
Entity нь & тэмдэгтээр эхэлж, ; тэмдэгтээр дуусдаг. Дунд нь нэр эсвэл тоон код орно:
&нэр; ← нэрт entity (жишээ: &)
&#тоо; ← 10-т тоон код (жишээ: &)
&#xтоо; ← 16-т тоон код (жишээ: &)
Зайлшгүй entity-ууд
HTML бичихэд заавал entity ашиглах шаардлагатай тэмдэгтүүд:
<!-- < тэмдэгт — tag нээлт болгохгүйн тулд -->
<p>5 < 10 гэдэг нь үнэн.</p>
<!-- > тэмдэгт — ихэвчлэн шууд бичиж болох ч entity хэрэглэх нь найдвартай -->
<p>10 > 5 гэдэг нь үнэн.</p>
<!-- & тэмдэгт — entity эхлэл болгохгүйн тулд -->
<p>Компани нэр: Мөнх & Болд ХХК</p>
<!-- " тэмдэгт attribute дотор — attribute утгыг хаахгүйн тулд -->
<p title=""Сайн уу" гэсэн үг">Hover хийнэ үү</p>
Дэлгэцэнд харагдах үр дүн:
5 < 10 гэдэг нь үнэн.10 > 5 гэдэг нь үнэн.Компани нэр: Мөнх & Болд ХХК
Нийтлэг entity-ууд
| Entity | Тэмдэгт | Тайлбар |
|--------|---------|---------|
| | (зай) | Таслагддаггүй зай (non-breaking space) |
| < | < | Less than |
| > | > | Greater than |
| & | & | Ampersand |
| " | " | Давхар хашилт |
| ' | ' | Нэг хашилт |
| © | © | Copyright |
| ® | ® | Registered trademark |
| ™ | ™ | Trademark |
| — | — | Em dash (урт зураас) |
| – | – | En dash (дунд зураас) |
| … | … | Цэгцэг (ellipsis) |
| « | « | Зүүн давхар хашилт |
| » | » | Баруун давхар хашилт |
— тусгай зай
(non-breaking space) нь энгийн зайнаас хоёр талаараа ялгаатай:
- Таслагддаггүй — мөрийн эхэнд шинэ мөр үүсгэхгүй
- Нийлдэггүй — хөтөч хэдэн
дараалсан ч бүгдийг харуулна (энгийн зайнуудыг нэг зай болгодог)
<!-- Нэр овог нэг мөрт байх ёстой гэж шаардах -->
<p>Д. Болд</p>
<!-- Нэгжтэй тоог таслахгүй байлгах -->
<p>100 ₮</p>
<p>25 °C</p>
Анхаарах зүйл: Зай авахын тулд дараалан олноор бичих нь зөв арга биш. Зайг CSS-ийн margin, padding-ээр тохируулах нь зөв.
Math болон тусгай тэмдэгтүүд
<p>Талбай: a² + b² = c²</p>
<!-- a² + b² = c² -->
<p>Температур: 37°C</p>
<!-- 37°C -->
<p>Үнэ: 15 000 ₮</p>
<!-- 15 000 ₮ — нимгэн зай тоог 3-оор бүлэглэнэ -->
<p>Харьцаа: ½ ба ¼</p>
<!-- ½ ба ¼ -->
Код блок дотор
Хуудсанд HTML кодыг жишээ болгон харуулахдаа <pre> болон <code> элементтэй хослуулан entity ашиглана:
<pre><code>
<!DOCTYPE html>
<html lang="mn">
<body>
<p>Сайн уу!</p>
</body>
</html>
</code></pre>
Дэлгэцэнд:
<!DOCTYPE html>
<html lang="mn">
<body>
<p>Сайн уу!</p>
</body>
</html>
Unicode тэмдэгт шууд бичих
Өнөөдөр charset="UTF-8" тохируулсан бол ихэнх тэмдэгтийг entity хэрэглэхгүйгээр шууд бичиж болно:
<!-- Entity ашиглах шаардлагагүй — шууд бичнэ -->
<p>Үнэ: 15 000 ₮</p>
<p>© 2024 Ulaanbaatar.app</p>
<p>Температур: 37°C</p>
<p>Нэмэх: a² + b²</p>
Зайлшгүй шаардлагатай entity нь дөрвөн л тэмдэгт: <, >, &, " — эдгээр нь HTML синтакстай зөрчилддэг тул entity хэлбэрээр бичих шаардлагатай.
Дараагийн хичээлд:
Character encoding буюу тэмдэгтийн кодчиллыг судлана — UTF-8 яагаад стандарт болсон, Кирилл үсгийг зөв харуулах, BOM гэж юу болох талаар үзнэ.