آموزش HTML - نمادها و کاراکترهای خاص

در HTML، می‌توانید با استفاده از انتیتی‌های HTML، نمادها و کاراکترهای خاصی را که روی صفحه کلید موجود نیستند، جای‌گذاری کنید.

نمادهای HTML چیستند؟

نمادهای HTML کاراکترهایی هستند که معنای خاصی دارند و تایپ مستقیم آن‌ها از طریق صفحه کلید دشوار است. این کاراکترها اغلب با نام «نمادها» شناخته می‌شوند. برای مثال، غیر از نماد دلار، نمی‌توانیم نمادهای ارزهای دیگر مانند روپیه و یورو را روی صفحه‌کلیدهای معمولی پیدا کنیم. با این حال، HTML روش‌های دیگری برای درج این نمادها در صفحات وب ارائه می‌دهد. در این آموزش، یاد می‌گیریم که چگونه از کاراکترها یا نمادهای خاص در یک سند HTML استفاده کنیم.

درج نمادها در سند HTML

برای درج نمادها در یک سند HTML، از انتیتی‌ها استفاده می‌کنیم. اگر نام انتیتی وجود نداشته باشد، مجاز به استفاده از شماره انتیتی هستیم که یک مرجع دهدهی یا شانزده‌شانزدهی (هگزادسیمال) است. یک انتیتی HTML بخش کوتاهی از متن است که با یک امپرسند (&) شروع می‌شود و با یک نقطه-ویرگول (;) به پایان می‌رسد. از آن‌ها برای نشان دادن کاراکترها و نمادهایی استفاده می‌شود که یا در HTML رزرو شده‌اند یا برای استفاده در صفحه وب به طور مستقیم روی صفحه‌کلید موجود نیستند.

دو نوع انتیتی HTML وجود دارد: انتیتی‌های نام‌گذاری‌شده و انتیتی‌های عددی. انتیتی‌های نام‌گذاری‌شده از یک نام توصیفی برای اشاره به یک کاراکتر یا نماد استفاده می‌کنند، مانند © برای نماد کپی‌رایت. انتیتی‌های عددی از یک عدد برای اشاره به یک کاراکتر یا نماد استفاده می‌کنند، مانند © برای همان نماد.

مثال

مثال زیر نحوه درج پرکاربردترین نمادها را در یک سند HTML نشان می‌دهد.

<!DOCTYPE html>
<html>
<head>
   <title> Symbols in HTML </title>
</head>
<body>
   <h1>Common HTML Symbols</h1>
   <p>Registered trademark Symbol : &reg; </p>
   <p>Trademark Symbol : &trade; </p>
   <p>Copyright Symbol : &copy; </p>
   <p>Left Arrow Symbol : &larr; </p>
</body>
</html>

وقتی کاربر کد بالا را اجرا کند، چهار نماد مختلف یعنی کپی‌رایت، علامت تجاری، علامت تجاری ثبت‌شده و فلش چپ تولید می‌شود.

نمادهای ارز در HTML

جدول زیر نمادهای ارز و انتیتی‌های مربوط به آن‌ها را نشان می‌دهد −

مثال: درج نمادهای ارز در HTML

در مثال زیر، قصد داریم چند نماد ارز را با استفاده از انتیتی‌های مربوط به آن‌ها نمایش دهیم −

<!DOCTYPE html>
<html>
<head>
   <title> Symbols in HTML </title>
</head>
<body>
   <h1>Common Currency Symbols</h1>
   <p>Indian Rupee Symbol : &#8377; </p>
   <p>Euro Symbol : &euro; </p>
   <p>Bitcoin Symbol : &#8383; </p>
   <p>Japanese Yen Symbol : &yen; </p>
</body>
</html>

نمادهای ریاضی در HTML

جدول زیر نمادهای ریاضی و انتیتی‌های مربوط به آن‌ها را نشان می‌دهد −

مثال: درج نمادهای ریاضی در HTML

در این مثال، نحوه درج نمادهای ریاضی را در یک سند HTML نشان خواهیم داد.

<!DOCTYPE html>
<html>
<head>
   <title> Symbols in HTML </title>
</head>
<body>
   <h1>Common Mathematical Symbols</h1>
   <p>For all symbol : &#8704; </p>
   <p>Nabla symbol : &nabla; </p>
   <p>Empty sets symbol : &empty; </p>
   <p>Summation symbol : &sum; </p>
</body>
</html>

نمادهای فلش در HTML

جدول زیر نمادهای فلش و انتیتی‌های مربوط به آن‌ها را نشان می‌دهد −

مثال: درج نمادهای فلش در HTML

در این مثال، نحوه درج نمادهای فلش را در یک سند HTML نشان خواهیم داد.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Arrow Symbols</title>
</head>
<body>
    <h2>HTML Arrow Symbols</h2>
    <p>Left Arrow: ← (&larr; or ←)</p>
    <p>Up Arrow: ↑ (&uarr; or ↑)</p>
    <p>Right Arrow: → (&rarr; or →)</p>
    <p>Down Arrow: ↓ (&darr; or ↓)</p>
    <p>Left-Right Arrow: ↔ (&harr; or ↔)</p>
</body>
</html>

نمادهای متفرقه HTML

جدول زیر نمادهای متفرقه و انتیتی‌های مربوط به آن‌ها را نشان می‌دهد −

مثال: درج نمادهای متفرقه در HTML

در این مثال، نحوه درج نمادهای متفرقه را در یک سند HTML نشان خواهیم داد:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Miscellaneous Symbols</title>
</head>
<body>
    <h2>HTML Miscellaneous Symbols</h2>
    <p>Copyright Symbol: © (&copy; or ©)</p>
    <p>Registered Trademark: ® (&reg; or ®)</p>
    <p>Trademark Symbol: ™ (&trade; or ™)</p>
    <p>Section Symbol: § (&sect; or §)</p>
    <p>Paragraph Symbol: ¶ (&para; or ¶)</p>
</body>
</html>