---
title: HTML Эможи
description: "> Эможи бол UTF-8 тэмдэгтүүдийн бүрдэл юм: 😄 😍 💗 ## What are Emojis? Эможи нь зураг эсвэд дүрс шиг харагддаг, гэхдээ тийм биш юм. Эдгээр нь UTF-8 (Unicode) тэмдэгтүүдийн багц (үсэг) юм. UTF-8 нь дэлхийн бараг бүх тэмдэгт, тэмдэгийг…"
url: "https://apprentice.mn/docs/html-emojis/"
updated: "2021-07-08"
category: HTML
---

# HTML Эможи

> Эможи бол UTF-8 тэмдэгтүүдийн бүрдэл юм: 😄 😍 💗

## What are Emojis?

Эможи нь зураг эсвэд дүрс шиг харагддаг, гэхдээ тийм биш юм.

Эдгээр нь UTF-8 (Unicode) тэмдэгтүүдийн багц (үсэг) юм.

UTF-8 нь дэлхийн бараг бүх тэмдэгт, тэмдэгийг хамардаг.

## HTML charset шинж чанар

HTML хуудсыг зөв харуулахын тулд вэб хөтөч тухайн хуудсанд ашигласан тэмдэгтүүдийн багцыг мэддэг байх ёстой.

This is specified in the `<meta>` tag:

Энэ нь `<meta>` тэмдэглэгээгээр тодорхойлогдоно:

      `<meta charset="UTF-8">`

Хэрэв тодорхойлогүйбол UTF-8 нь HTML-д тохируулсан үндсэн тэмдэгтээхрээ байна.

## UTF-8 тэмдэгтүүд

Олон UTF-8 тэмдэгтүүдийг гар дээр бичиж болохгүй, гэхдээ тэдгээрийг тоо (объектийндугаар гэж нэрлэдэг) ашиглан үргэлж харуулах боломжтой.

- A is 65
- B is 66
- C is 67

       `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>`

### Жишээг тайлбарлавал

`<meta charset="UTF-8">` элемент нь тэмдэгтийн багцыг тодорхойлдог.

A, B, C тэмдэгтүүдийг 65, 66, 67 тоогоор харуулна.

Хөтөчд тэмдэгт гаргах байгааг ойлгуулахын тулд объектийн дугаарыг & # гэж эхлүүлж, **;** (цэг таслал)-аар дуусгах хэрэгтэй

---

## Эможи тэмдэгт

Эможи бол UTF-8 цагаан толгойн тэмдэгтүүд юм.

- 😄 бол128516
- 😍 бол128525
- 💗 бол128151

     `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html`

Эможи бол тэмдэгтүүд тул тэдгээрийг HTML-ийн бусад тэмдэгтүүдийн адил хуулж, хэмжээг өөрчлөх боломжтой.

     `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>`

## UTF-8-ийн зарим эможи тэмдэг

| Эможи | Утга |
| --- | --- |
| 🗻 | &#128507; |
| 🗼 | &#128508; |
| 🗽 | &#128509; |
| 🗾 | &#128510; |
| 🗿 | &#128511; |
| 😀 | &#128512; |
| 😁 | &#128513; |
| 😂 | &#128514; |
| 😃 | &#128515; |
| 😄 | &#128516; |
| 😅 | &#128517; |

         [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-emojis%2F&linkname=HTML%20%D0%AD%D0%BC%D0%BE%D0%B6%D0%B8)[https://www.addtoany.com/share](https://www.addtoany.com/share)