کدهای کاراکتر html. کاراکترهای ویژه HTML الفبای یونانی و قبطی
کاراکترهای ویژه کاراکترهای فنی هستند که روی صفحه کلید نشان داده نمی شوند و با استفاده از رمزگذاری یونیکد یا زبان فرازبان دیگری کدگذاری می شوند. کاراکترهای ویژه به گروه هایی تقسیم می شوند: ریاضی، الفبای یونانی، ISO 8859-1 و دیگران. چرا آنها مورد نیاز هستند و نحوه استفاده از آنها را در ادامه مقاله بخوانید.
استفاده از کاراکترهای خاص هنگام نوشتن اسناد
استفاده برای اهداف زیر انجام می شود:
- ارائه کامل و زیبایی شناسی مقاله. علائم ویژه به درک سریع مقادیر ابعادی یا خواندن نام تاریخی به لاتین یا یونانی کمک می کند.
- برخی از عناصر نشانه گذاری سند مناسب را ارائه می دهند. به عنوان مثال، "" و "" متفاوت هستند، اولین ها منتقل می شوند به معنی استاندارد، دیگران از طریق شخصیت های خاص.
- طرح اسناد یک جهت گیری ریاضی بدون آگاهی از گروه های اصلی عناصر انجام نمی شود.
نشانه های اساسی
این مواد به شما امکان می دهد برای درج سریع در متن، کاراکترهای ویژه را در رمزگذاری مناسب پیدا کنید.
ظاهر | تعیین | کد HTML | کد CSS |
☃ | آدم برفی | ☃ | \2603 |
☦ | صلیب ارتدکس | ☦ | \2626 |
⚓ | لنگر | ⚓ | \2693 |
✆ | علامت تلفن | ✆ | \2706 |
☎ | تلفن | ☎ | \260E |
☕ | نوشیدنی های گرم | ☕ | \2615 |
✎ | مداد به سمت پایین اشاره می کند | ✎ | \270E |
✏ | مداد | ✏ | \270F |
✐ | مداد به سمت بالا اشاره می کند | ✐ | \2710 |
✑ | نوک خودکار رنگ نشده | ✑ | \2711 |
✒ | نوک خودکار نقاشی شده | ✒ | \2712 |
⚜ | fleur-de-lis | ⚜ | \ 269C |
⛑ | کلاه ایمنی با صلیب سفید | ⛑ | \26D1 |
⚝ | ستاره سفید کشیده شده | ⚝ | \ 269D |
❄ | دانه برف | ❄ | \2744 |
❤ | قلب چاق نقاشی شده | ❤ | \2764 |
❅ | دانههای برفی که توسط شبدرها نیشگون گرفته شده است | ❅ | \2745 |
❆ | دانه برف چاق با زاویه تیز | ❆ | \2746 |
★ | ستاره سایه دار | ★ | \2605 |
☆ | ستاره بی سایه | ☆ | \2606 |
✪ | ستاره پر نشده در یک دایره پر | ✪ | \272A |
✫ | ستاره پر شده با دایره پر نشده در داخل | ✫ | \ 272B |
✯ | ستاره چرخان | ✯ | \272F |
❉ | ستاره با انتهای کروی | ❉ | \2749 |
❋ | ستاره پروانه ای به شکل قطره هشت پر | ❋ | \ 274B |
✲ | یک ستاره با مرکز خالی | ✲ | \2732 |
☀ | خورشید نقاشی شده با اشعه | ☀ | \2600 |
☁ | ابرها | ☁ | \2601 |
☂ | چتر | ☂ | \2602 |
☑ | علامت چک در یک مربع | ☑ | \2611 |
☒ | صلیب در یک مربع | ☒ | \2612 |
☹ | شکلک اخم | ☹ | \2639 |
☺ | شکلک خندان | ☺ | \263A |
☻ | شکلک خندان نقاشی شده | ☻ | \ 263B |
☭ | چکش و داس | ☭ | \ 262D |
⚑ | پرچم نقاشی شده | ⚑ | \2691 |
⚐ | پرچم رنگ نشده | ⚐ | \2690 |
☰ | سه گرام | ☰ | \2630 |
✿ | گل نقاشی شده | ✿ | \273f |
❀ | گل رنگ نشده | ❀ | \2740 |
✾ | گل با شش گلبرگ | ✾ | \273E |
❁ | گل برجسته نقاشی شده | ❁ | \2741 |
❂ | گل از نقطه | ❂ | \2742 |
✉ | پاکت نامه | ✉ | \2709 |
❦ | قلب به شکل گل | ❦ | \2766 |
❶ | شماره 1 | ❶ | \2776 |
❷ | شماره 2 | ❷ | \2777 |
❸ | شماره 3 | ❸ | \2778 |
❹ | شماره 4 | ❹ | \2779 |
❺ | شماره 5 | ❺ | \277A |
❻ | شماره 6 | ❻ | \ 277B |
❼ | شماره 7 | ❼ | \ 277C |
❽ | شماره 8 | ❽ | \ 277D |
➒ | شماره 9 | ➒ | \2792 |
➓ | شماره 10 | ➓ | \2793 |
✖ | علامت ضرب پررنگ | ✖ | \2716 |
✘ | صلیب پررنگ | ✘ | \2718 |
✔ | علامت تیک پررنگ | ✔ | \2714 |
✚ | صلیب پررنگ | ✚ | \271A |
⚛ | نماد اتم | ⚛ | \ 269B |
♺ | نماد بازیافت | ♺ | \267A |
❑ | مربع پر نشده با سایه پایین سمت راست | ❑ | \2751 |
❒ | مربع پر نشده با سایه بالایی سمت راست | ❒ | \2752 |
◈ | الماس در یک محیط | ◈ | \25C8 |
◐ | دایره با نیمه سمت چپ سایه دار | ◐ | \25D0 |
◑ | دایره با نیمه راست سایه دار | ◑ | \25D1 |
⁂ | سه ستاره | ⁂ | \2042 |
علائم نگارشی
ظاهر | تعیین | کد HTML | کد CSS |
< | کمتر از علامت (ابتدای برچسب) | < | \003C |
> | بزرگتر از علامت (پایان برچسب) | > | \003E |
« | براکت دو زاویه سمت چپ | « | \ 00AB |
» | براکت دو زاویه سمت راست | » | \00BB |
‹ | تک نقل قول زاویه سمت چپ | ‹ | \2039 |
› | زاویه راست تک نقل قول | › | \203A |
« | نقل قول دوگانه | " | \0022 |
′ | تک سکته مغزی | ′ | \2032 |
″ | دو سکته مغزی | ″ | \2033 |
‘ | نقل قول تکی سمت چپ | ‘ | \2018 |
’ | نقل قول تکی درست | ’ | \2019 |
‚ | نقل قول تک پایین | ‚ | \201A |
“ | نقل قول دوگانه سمت چپ | “ | \ 201C |
” | نقل قول مضاعف درست | ” | \201D |
„ | نقل قول دوگانه پایین تر | „ | \201E |
❜ | ویرگول تکی پررنگ | ❜ | \ 275 درجه سانتیگراد |
❛ | ویرگول تک چرخشی پررنگ | ❛ | \ 275B |
& | آمپرسند | & | \0026 |
‘ | آپاستروف (تک نقل قول) | " | \0027 |
§ | پاراگراف | § | \00A7 |
© | علامت کپی رایت | \00A9 | |
¬ | علامت منفی | ¬ | 00AC |
® | علامت تجاری ثبت شده | ® | \00AE |
¯ | مکرون | ¯ | 00AF |
° | درجه | ° | \00B0 |
± | مثبت یا منفی | ± | \00B1 |
¹ | بالانویس "1" | ¹ | \00B9 |
² | بالانویس "2" | ² | \00B2 |
³ | بالانویس "3" | ³ | \00B3 |
¼ | یک چهارم | ¼ | \00 قبل از میلاد |
½ | نیمی | ½ | \00BD |
¾ | سه چهارم | ¾ | \00BE |
´ | علامت لهجه | ´ | \00B4 |
µ | کوچک | µ | \00B5 |
¶ | علامت پاراگراف | ¶ | \00B6 |
· | علامت ضربدر | · | \00B7 |
¿ | علامت سوال وارونه | ¿ | 00BF |
ƒ | علامت فلورین | ƒ | \0192 |
™ | علامت علامت تجاری | ™ | \2122 |
نشانگر فهرست | . | \2022 | |
… | بیضی | … | \2026 |
‾ | خط کشی | ‾ | \203E |
– | خط تیره وسط | - | \2013 |
- | ام داش | — | \2014 |
‰ | ppm | ‰ | \2030 |
} | بریس مجعد سمت راست | } | \007D |
{ | بریس مجعد چپ | { | \007B |
= | علامت مساوی | = | \003D |
≠ | علامت نابرابری | ≠ | \2260 |
≅ | همخوانی (برابری هندسی) | ≅ | \2245 |
≈ | تقریبا برابر | ≈ | \2248 |
≤ | کمتر یا مساوی | ≤ | \2264 |
≥ | بزرگتر یا مساوی | ≥ | \2265 |
∠ | گوشه | ∠ | \2220 |
⊥ | عمود بر (دکمه بالا) | ⊥ | \22A5 |
√ | ریشه دوم | √ | \221A |
∑ | جمع N-ary | ∑ | \2211 |
∫ | انتگرال | ∫ | \ 222B |
※ | علامت پاورقی | ※ | \203B |
÷ | علامت تقسیم | ÷ | \00F7 |
∞ | نماد بی نهایت | ∞ | \221E |
@ | نماد سگ | @ | \0040 |
[ | براکت چپ | [ | \005B |
] | براکت مربع سمت راست | ] | \005D |
فلش ها
ظاهر | تعیین | کد HTML | کد CSS |
← | فلش سمت چپ | ← | \2190 |
فلش بالا | \2191 | ||
→ | فلش راست | → | \2192 |
↓ | فلش به پایین | ↓ | \2193 |
↔ | فلش چپ-راست | ↔ | \2194 |
↵ | فلش پایین و چپ - بازگشت کالسکه | ↵ | \21B5 |
⇐ | دو فلش سمت چپ | ⇐ | \21D0 |
⇑ | فلش دوبرابر | ⇑ | \21D1 |
⇒ | دو فلش سمت راست | ⇒ | \21D2 |
⇓ | فلش دو برابر رو به پایین | ⇓ | \21D3 |
⇔ | دو فلش چپ-راست | ⇔ | \21D4 |
➠ | فلش پرنده | ➠ | \27A0 |
➤ | سر پیکان | ➤ | \27A4 |
➥ | فلش منحنی به سمت پایین و سمت راست | ➥ | \27A5 |
➦ | فلش منحنی به سمت بالا و سمت راست | ➦ | \27A6 |
➳ | فلش سمت راست | ➳ | \27B3 |
↺ | ↺ | \ 21BA | |
↻ | فلش گرد با نوک خلاف جهت عقربه های ساعت | ↻ | \ 21 بایت |
⇧ | پیکان توخالی ضخیم | ⇧ | \21E7 |
↩ | فلش چپ با قلاب | ↩ | \21A9 |
➫ | فلش رو به پایین | ➫ | \27AB |
⬇ | فلش رو به پایین پر شده | ⬇ | \2B07 |
⬆ | فلش پر شده | ⬆ | \2B06 |
کت و شلوار کارت، علائم زودیاک و نمادهای ارز
ظاهر | تعیین | کد HTML | کد CSS |
♠ | "پیکی" | ♠ | \2660 |
♣ | "باشگاه ها" | ♣ | \2663 |
"قلبها" | \2665 | ||
♦ | "الماس" | ♦ | \2666 |
♡ | طرح کلی "قلب ها" | ♡ | \2661 |
♢ | کانتور "تنبور" | ♢ | \2662 |
♤ | کانتور "بیل" | ♤ | \2664 |
♧ | طرح کلی "باشگاه ها" | ♧ | \2667 |
¢ | سنت | ¢ | \FFE0 |
£ | پوند | £ | \FFE1 |
₽ | روبل روسیه | ₽ | \ 20BD |
¥ | ین یا یوان | ¥ | \00A5 |
€ | یورو | € | \20AC |
$ | دلار | $ | \0024 |
₴ | علامت Hryvnia | ₴ | \20B4 |
₹ | روپیه هند | ₹ | \20B9 |
圓 | CNY | 圓 | \5713 |
₸ | تنگه قزاقستانی | ₸ | \20B8 |
♈ | برج حمل | ♈ | \2648 |
♉ | ثور | ♉ | \2649 |
♊ | دوقلوها | ♊ | \ 264A |
♋ | خرچنگ | ♋ | \ 264B |
♌ | یک شیر | ♌ | \ 264C |
♍ | باکره | ♍ | \ 264D |
♎ | ترازو | ♎ | \264E |
♏ | عقرب | ♏ | \264F |
♐ | قوس | ♐ | \2650 |
♑ | برج جدی | ♑ | \2651 |
♒ | دلو | ♒ | \2652 |
♓ | ماهی | ♓ | \2653 |
الفبای یونانی
حرف | حروف کوچک | حروف بزرگ | ||
نماد | کد html | نماد | کد html | |
α | Α | |||
β | Β | |||
γ | Γ | |||
δ | Δ | |||
ε | Ε | |||
ζ | Ζ | |||
η | Η | |||
θ | Θ | |||
ι | Ι | |||
κ | Κ | |||
λ | Λ | |||
μ | Μ | |||
ν | Ν | |||
ξ | Ξ | |||
ο | Ο | |||
π | Π | |||
ρ | Ρ | |||
σ | Σ | |||
ς | ||||
τ | Τ | |||
υ | Υ | |||
φ | Φ | |||
χ | Χ | |||
ψ | Ψ | |||
ω | Ω |
نحوه استفاده در عمل
صرف نظر از CMS، افزودن مقاله با استفاده از ویرایشگر بصری و نسخه HTML انجام می شود. تمام کاراکترهای ویژه در رمزگذاری فقط در حالت دوم قابل درج هستند. برای استفاده صحیح از ابزارها، توصیه می شود به جداول نشان دهنده کد و نمایش خارجی توجه داشته باشید.
لطفا توجه داشته باشید که اگر علامتی را در نمایش تصویری مقاله وارد کنید، در HTML عنصر به کد مربوطه تبدیل می شود. هنگام وارد کردن دستی اطلاعات، حروف کوچک را در نظر بگیرید که بر نتیجه نهایی تأثیر می گذارد.
متن تایپ شده از کاراکترهای چاپ شده - نمادهای گرافیکی تشکیل شده است.
کاراکترهای گرافیکی به کاراکترهایی گفته می شود که دارای نمایشگر قابل مشاهده در متن هستند.
همه کاراکترهای گرافیکی در مجموعه ای از یک سیستم جهانی یونیکد جمع آوری می شوند.
درج کاراکتر گرافیکی یونیکد در سند html
- هدف اصلی و تنها برای این جدول.
می توانید یک کاراکتر را به یکی از روش های زیر در یک سند html وارد کنید:
- تصویر نماد را از پنجره مرورگر در پنجره ویرایشگر html بصری خود کپی کنید
- کد html یک کاراکتر را مستقیماً در کد سند html کپی کنید
- بصری را در بصری قرار دهید
- کد را در کد جاسازی کنید
فونت یک نماد، اندازه و رنگ آن در HTML را می توان با کدی مانند:
CHAR_CODE
جایی که،
Arial - فونت،
10 پیکسل - اندازه فونت در پیکسل،
#ff0000 - کد رنگ فونت (قرمز)
مثلا:
☎ - اندازه فونت کاراکتر 30 پیکسل،
☎ - اندازه فونت کاراکتر 30 پیکسل، رنگ - قرمز
☎ - اندازه فونت کاراکتر 20 پیکسل،
☎ - اندازه فونت کاراکتر 10 پیکسل.
توجه داشته باشید. فونت های پیشنهادی برای درج کاراکترهای خاص Arial، Verdana و Tahoma هستند. این فونت ها به درستی کاراکترهای یونیکد را نمایش می دهند و به نوبه خود به درستی توسط برنامه های کاربردی وب پشتیبانی می شوند.
- "نماد"
(نمایش نماد قابل مشاهده)
از این ستون می توانید تصویر نماد را کپی کرده و در پنجره ویرایشگر متن html قرار دهید. نماد با اندازه فونت 20 پیکسل کپی می شود. پس از تکمیل کپی، ممکن است لازم باشد اندازه فونت را به صورت جداگانه برای کاراکتر کپی شده تنظیم کنید. - "نام"
(فقط برای مهم یا شخصیت های نامفهوم)
توضیح هدف نماد، دامنه آن، نمونه هایی ... - "Mnemonics"
یادگاری یک ساختار حروفی از شکل "است که نشان دهنده کد حروف یک کاراکتر در HTML است. مستقیماً در کد html یک سند html درج می شود. یادگاری ها در بین حروفچینی های حرفه ای بسیار محبوب هستند. آنها کاملاً توسط شخص به خاطر سپرده می شوند. توسط تمام برنامه های html پشتیبانی می شود. هر یادگاری حاوی یک نام حرف (تعریف) نماد خود و یک کاراکتر سرویس (&) است که به عنوان سیگنالی برای خواندن کد برای مرورگر عمل می کند و روی صفحه نمایشگر نمایش داده نمی شود. از هر یادگاری منحصر به فرد و آسان برای خواندن است، زیرا از کلمه انگلیسی که مشخصه نماد است تشکیل شده است.Mnemonics (یونانی) - هنر به خاطر سپردن چیزی. یادگاری برای تسهیل درک اطلاعاتی که به خاطر سپردن آنها دشوار است، هنگامی که موضوع به خاطر سپردن با چیزی در حالت تداعی قرار می گیرد، استفاده می شود.
- "کد"
کد - عددی کد اعشاریکاراکتر در HTML، به شکل &. مستقیماً در کد html یک سند html درج می شود. کد اعشاری عددی شامل یک عدد است که شماره سریال کاراکتر در سیستم یونیکد و چندین کاراکتر سرویس (& و #) را نشان میدهد که به عنوان سیگنالی برای مرورگر برای خواندن کد عمل میکنند و روی صفحه نمایشگر نمایش داده نمیشوند. کد اعشاری عددی به دلیل تطبیق پذیری و سهولت درک بسیار مورد استفاده و استفاده قرار می گیرد.
کنترل کاراکترها در HTML (XHTML)
کاراکترهای کنترل در HTML (XHTML) نمادهای سرویس زبان HTML هستند که در طرح بندی HTML یک صفحه وب استفاده می شوند. این کاراکترها باید توسط هر مرورگری پشتیبانی شوند، زیرا بدون آنها غیرممکن است نمایش صحیحمتن HTML. کاراکترهای کنترلی در متن نمایش داده نمیشوند و هنگامی که مستقیماً از صفحه کلید وارد میشوند، توسط مرورگر به عنوان علائم نگارشی تفسیر میشوند و زمانی که صفحه روی صفحه کشیده میشود، برخی اقدامات را فرا میخوانند.
استفاده از کاراکترهای کنترلی در متون معمولی مجاز است، جایی که آنها نماد مفاهیم جهانی هستند و توسط مرورگر به عنوان کاراکترهای تایپوگرافی معمولی در نظر گرفته می شوند. با این استفاده از نمادهای سرویس در متون HTML، لازم است نه مقدار خود نماد، بلکه کد HTML آن را وارد کنید. زیرا، تکرار می کنم، در غیر این صورت مرورگر نماد سرویس را به عنوان یک فراخوان برای عمل درک می کند و متن HTML را به درستی روی صفحه نمایش نمایش نمی دهد.
کاراکترهای کنترل و کد HTML آنها بدون استثنا توسط همه مرورگرها شناخته شده و قابل درک است که متأسفانه در مورد سایر کاراکترهایی که ممکن است در مرورگرهای مختلف به درستی نمایش داده نشوند یا حتی بدتر از آن اصلاً نمایش داده نشوند نمی توان گفت.
نحو و نشانه گذاری
فضای به طول N (فضای منظم) | |||||
فضای طول M (فضای طولانی) | |||||
- | خط فاصله (نویسه غیر چاپی) | - | | ||
‑ | خط ربط | ‑ |
|||
---|---|---|---|---|---|
- | خط تیره به طول N (خط تیره معمولی) | - | – | ||
— | طول خط تیره M ( خط تیره) | — | — | ||
. | نقطه | . | |||
, | کاما | , | |||
… | بیضی | … |
… |
||
: | روده بزرگ | : | |||
; | نقطه ویرگول | ; | |||
! | علامت تعجب | ! ǃ |
|||
? | علامت سوال | ? | |||
@ | "سگ" | @ | |||
* | "ستاره" | * | |||
# | "شبکه" | # | |||
‘ | نقل قول بالا سمت چپ | ‘ | ‘ |
||
’ | تک نقل قول بالا سمت راست | ’ | ’ |
||
‚ | نقل قول پایین سمت راست | ‚ | ‚ |
||
“ | دو نقل قول بالا سمت چپ | “ | “ |
||
” | دو نقل قول بالا سمت راست | ” | ” |
||
„ | نقل قول پایین سمت راست | &bdquo | „ |
||
« | نقل قول زاویه دوتایی چپ (روس) | « | « | ||
» | نقل قول زاویه راست دوبل (روس) | » | » | ||
́ | علامت لهجه، مثال: واسیا | ́ | |||
" | آپستروف، مثال: شما «من | " | |||
´ | حاد، مثال: شما بله | ´ | ´ | ||
¶ | پاراگراف (نویسه غیرچاپی) | ¶ | ¶ | ||
§ | پاراگراف | § | § | ||
ˆ | لهجه (پرنده وارونه) | ˆ | ˆ |
||
˜ | جزر و مد کوچک | ˜ | ˜ |
||
¦ | خط نقطه چین عمودی | ¦ | ¦ | ||
( | پرانتز چپ | ( | |||
) | پرانتز سمت راست | ) | |||
〈 | براکت زاویه سمت چپ | 〈 | 〈 | ||
〉 | براکت زاویه سمت راست | 〉 | 〉 | ||
‹ | براکت زاویه سمت چپ، نوع | ‹ | ‹ | ||
› | براکت زاویه سمت راست، نوع | › | › | ||
[ | براکت چپ | [ | |||
] | براکت سمت راست | ] | |||
/ | اسلش - کاراکتر بریده بریده | / | |||
\ | بک اسلش | \ | |||
⁄ | اسلش رو به جلو (علامت تقسیم) | ⁄ | ⁄ | ||
ǀ | نوار عمودی | ǀ | |||
ǁ | نوار عمودی دوتایی | ǁ | |||
‾ | روکش کردن، مثال: Vasya‾Vasya | ‾ | ‾ | ||
¯ | ماکرون، مثال: Vasya¯vasya | ¯ | ¯ |
علائم تجاری و ارز
+ | یک مثبت | + | + | ||
---|---|---|---|---|---|
− | منهای | − | - − |
||
= | برابر است | = | |||
± | مثبت یا منفی | ± | ± | ||
× | علامت ضربدر | × | × | ||
÷ | علامت تقسیم | ÷ | ÷ | ||
⋅ | عملگر نقطه (وسط رشته) | ⋅ | · ⋅ |
||
∗ | عملگر ستاره (وسط رشته) | ∗ | ∗ | ||
∼ | عملگر tilde | ∼ | ∼ | ||
. | نشانگر فهرست (وسط خط) | . | |
||
¹ | بالانویس "1" | ¹ | ¹ | ||
² | بالانویس "2" | ² | ² | ||
³ | بالانویس "3" | ³ | ³ | ||
زیرنویس و زیرنویس در HTML (XHTML) را می توان با استفاده از برچسب ها درج کرد و ، به ترتیب: عدد بالانویس← NUMBER بالانویس عدد زیرنویس← NUMBER اشتراک |
|||||
½ | کسری "یک و نیم" | ½ | ½ | ||
⅓ | کسری "یک سوم" | ⅓ | |||
¼ | کسری "یک چهارم" | ¼ | ¼ | ||
¾ | کسر سه چهارم | ¾ | ¾ | ||
№ | علامت عدد | № | |||
% | درصد | % | |||
‰ | ppm | ‰ | ‰ |
||
° | درجه | ° | ° | ||
′ | سکته مغزی (دقیقه، پا) | ′ | ′ | ||
″ | دو ضرب (ثانیه، اینچ) مثال 1: 30° 25' 12" مثال 2: 25′ 12 ″ |
″ | ″ | ||
µ | کوچک | µ | µ | ||
π | پی | π | π | ||
ƒ | علامت تابع (با "انتگرال" اشتباه نشود) |
ƒ | ƒ |
||
∫ | انتگرال | ∫ | ∫ | ||
∅ | صفر خط خورده، مجموعه خالی (با "قطر" اشتباه نشود) |
∅ | ∅ | ||
⌀ | قطر (نباید با خط لاتین "o" اشتباه گرفته شود) | ⌀ | |||
ø | لاتین "o" به صورت مورب متقاطع شده است | ø | ø | ||
Ø | بزرگ لاتین "O" به صورت مورب بریده شده است | Ø | Ø | ||
∏ | علامت محصول | ∏ | ∏ | ||
∑ | علامت جمع | ∑ | ∑ | ||
√ | افراطی (ریشه مربع یا ریشه x) |
√ | √ | ||
∝ | به طور متناسب | ∝ | ∝ | ||
∞ | بی نهایت | ∞ | ∞ | ||
∠ | گوشه | ∠ | ∠ | ||
⊥ | متعامد (عمود) | ⊥ | ⊥ | ||
∴ | علامت "بنابراین" | ∴ | ∴ | ||
≅ | تقریباً برابر است | ≅ | ≅ | ||
≈ | تقریبا برابر | ≈ | ≈ | ||
≠ | نا برابر | ≠ | ≠ | ||
≡ | به طور یکسان | ≡ | ≡ | ||
≤ | کمتر یا مساوی | ≤ | ≤ | ||
≥ | بیشتر یا مساوی | ≥ | ≥ | ||
∧ | منطقی و | ∧ | ∧ | ||
∨ | منطقی OR | ∨ | ∨ | ||
⊕ | علامت مثبت در یک دایره (مجموع مستقیم) |
⊕ | ⊕ | ||
⊗ | علامت "ضرب در دایره" (محصول متقاطع، فلش از ناظر) |
⊗ | ⊗ | ||
ʘ | نقطه در یک دایره (فلش به سمت ناظر) |
ʘ |
✵ ✵ |
|||||
امروز خواهید دانست نحوه ساخت چک باکس در htmlو به آن اضافه کنید cssسبک هایی برای سازگاری بهتر با طراحی سایت.
تظاهرات
چک باکس در HTML
بیایید یک بلوک با چهار چک باکس ایجاد کنیم، اولین مورد با یک علامت علامت گذاری می شود. هر چک باکس در یک برچسب پیچیده می شود برچسب، که داخل آن فیلد ورودی، متن و عنصر است طولاستایل دهی شود
برچسب بزنید برچسببه عنوان یک ظرف برای هر چک باکس عمل می کند، برای وضوح، من به طور موقت یک مرز قرمز برای برچسب تعیین کردم برچسب. وقتی تجربه کمی وجود دارد، آن را راه خوب، مرزهای هر برچسبی را ببینید تا کورکورانه عمل نکنید.
CSS برای چک باکس
برچسب درون خطی برچسب، با بلوک جایگزین کنید (نمایش: بلوک)به طوری که چک باکس ها یکی زیر دیگری قرار بگیرند، انتخاب کاربر: هیچ- از انتخاب یک عنصر توسط کاربر جلوگیری می کند.
ظرف(
display:block;
انتخاب کاربر: هیچکدام;
}
این کد سبک های پیش فرض مرورگر را برای چک باکس پنهان می کند. عنصر را کاملا شفاف می کنیم کدورت، عرضو ارتفاعبا مقدار تهی و به جای آنها، استایل های سفارشی را برای چک باکس تنظیم می کنیم.
ورودی کانتینر (
کدورت: 0
ارتفاع: 0;
عرض: 0;
}
چک باکس های سفارشی ایجاد کنید. اندازه و رنگ پس زمینه را تغییر دهید.
علامت چک (
ارتفاع: 23 پیکسل؛
عرض: 22 پیکسل؛
background-color: #eec321;
}
در حالت شناور، رنگ پس زمینه را کمی تیره تر کنید.
Container:Hover input ~ .checkmark (
پس زمینه رنگ: #ccc678;
}
برای چک باکس علامت زده، رنگ دیگری را برای پسزمینه تنظیم کنید.
ورودی کانتینر: بررسی شده ~ .checkmark (
پس زمینه رنگ: #2196f3;
}
با اعمال یک عنصر شبه، چک باکس را برای چک باکس های علامت نخورده پنهان کنید بعد از.
علامت چک: بعد از (
محتوا: ""؛
موقعیت: مطلق;
نمایش: هیچ
}
چک باکس را فقط برای چک باکس های علامت دار قابل مشاهده کنید.
ورودی کانتینر: بررسی شد ~ .checkmark:after (
display:block;
}
علامت چک را بکشید و به آن استایل بدهید. روی جای خالی یک تیک می کشیم css. بیایید یک مستطیل با حاشیه سفید بکشیم، دو طرف مستطیل هیچ حاشیه ای ندارند (عرض صفر)، یک گوشه مستطیلی به دست می آوریم، آن را 45 درجه می چرخانیم و یک علامت می گیریم.
علامت تیک روی صفحه کلید وجود ندارد، اما با کمک ترکیب های خاص می توان آن را به راحتی به پیام، پست یا سند متنی شما اضافه کرد.
بیایید نگاهی دقیق تر به نحوه انجام این کار بیندازیم.
انواع تیک + استفاده
نماد تیک (پرنده، jackdaw) یک نماد خاص است که اغلب برای توصیف تایید چیزی استفاده می شود.
می توان آن را در طراحی شمارش ها یا خط کشی افکار یافت. بعد از خواندن دستورالعمل های زیر، می توانید نماد را خودتان پیدا کنید و از آن استفاده کنید.
ساده ترین گزینه کپی کردن شی از این مقاله است. انواع مختلفی از نمادها وجود دارد:
اگر برای استفاده در یک جمله یا عبارت به یک چک باکس نیاز دارید، کافیست عنصر مورد نظر خود را با انتخاب آن و فشار دادن CTRL و C روی صفحه کلید خود کپی کنید.
برای تایپ پرنده روی صفحه کلید خود، باید از رمزگذاری یونیکد استفاده کنید. حرف U و سپس + را تایپ کنید. سپس باید کد آیکون را شماره گیری کنید.
اعداد برای انواع متفاوتچک مارک ها به شرح زیر است: 2713 (علامت منظم)، 2714 (پررنگ)، 2705 (در مربع برجسته شده)، 2611 (به طور منظم در یک مربع).
اگر U+2713 یا ترکیب دیگری به طور خودکار به علامت چک تبدیل نمیشود، احتمالاً سند شما برای شناسایی خودکار نویسههای یونیکد تنظیم نشده است یا اینکه کد را اشتباه وارد کردهاید.
متن بلافاصله به کاراکتر مورد نظر تبدیل می شود، بنابراین می توانید با خیال راحت آن را در پیام ها و پست های مختلف تایپ کنید.
نماد در MS Word
همه کسانی که تا به حال از آن استفاده کرده اند می دانند که تنظیم کاراکترهای خاص به ساختار سند کمک می کند و خواندن آن را آسان می کند.
ممکن است در فرآیند طراحی لیستی از وظایف، شمارش، به نماد علامت چک نیاز داشته باشید.
کاربران بی تجربه با افزودن تصویری با عنصر مورد نظر به سند، نشانه ای را در معرض دید قرار می دهند. این روش اشتباه است، زیرا اندازه فایل نهایی را افزایش می دهد.
همه چیز را می توان بسیار ساده تر انجام داد. برای علامت زدن کادر در Word، مراحل بعدی را دنبال کنید.
- سند را در هر نسخه ای از برنامه باز کنید. بسته به سال انتشار نرم افزار، محل برگه های لازم ممکن است متفاوت باشد.
- روی بخش "درج" کلیک کنید؛
- در سمت راست نوار ابزار، مورد "Symbol" را پیدا کنید و روی آن کلیک کنید.
- در کادر بازشو، بر روی آن کلیک کنید "سایر نمادها".
- در پنجره پاپ آپ می توانید علامت چک را با استفاده از یکی از دو روش پیدا کنید. مجموعه "Dingbats" را انتخاب کنید و در لیست پیشنهادی، روی عنصر مورد نظر کلیک کنید یا کد عنصر را در Unicode (هگزادسیمال) در پایین پنجره وارد کنید. به عنوان مثال، 2714. Word به طور خودکار شی مورد نیاز شما را پیدا می کند. روی آن کلیک کنید و با کلیک بر روی "OK" اقدام را تأیید کنید.
شکل 3 - کاراکترهای ویژه در Word
پس از افزودن علامت چک به بدنه سند، می توانید هر قالب بندی را روی آن اعمال کنید: رنگ، فونت، نوع عنوان و سایر گزینه ها را تغییر دهید.
کاراکترهای ویژه HTML ساختارهای زبان خاصی هستند که به کاراکترهایی از مجموعه کاراکترهای مورد استفاده در آن اشاره می کنند فایل های متنی. جدول حاوی لیستی از کاراکترهای رزرو شده و ویژه است که نمی توان به آنها اضافه کرد منبعسند HTML با استفاده از صفحه کلید:
- کاراکترهایی که نمی توان با استفاده از صفحه کلید وارد کرد (به عنوان مثال، نماد حق چاپ)
- نمادهای در نظر گرفته شده برای نشانه گذاری (به عنوان مثال، علامت بزرگتر یا کمتر از)
چنین کاراکترهایی با استفاده از یک کد عددی یا یک نام اضافه می شوند.
نماد | کد عددی | نام نماد | شرح |
---|---|---|---|
" | " | " | علامت نقل قول |
" | " | " | آپستروف |
& | & | & | آمپرسند |
< | < | علامت کمتر | |
> | > | > | علامت بزرگتر |
فضای بدون شکست ( فضای بدون شکستگیفضایی است که در داخل یک خط به عنوان یک فضای معمولی ظاهر می شود، اما از شکستن خط برنامه های نمایش و چاپ در آن نقطه جلوگیری می کند.) | |||
¡ | ¡ | ¡ | پشت و رو شد علامت تعجب |
¢ | ¢ | ¢ | سنت |
£ | £ | £ | پوند. |
¤ | ¤ | ¤ | ارزها |
¥ | ¥ | ¥ | ین |
¦ | ¦ | ¦ | نوار عمودی شکسته |
§ | § | § | بخش |
¨ | ¨ | ¨ | فاصله (سیریلیک) |
© | علامت کپی رایت | ||
ª | ª | ª | شاخص ترتیبی زنانه |
« | « | « | گیومه های فرانسوی (درخت کریسمس) - سمت چپ |
¬ | ¬ | ¬ | نفی - عبارات |
® | ® | ® | ثبت شده است علامت تجاری |
¯ | ¯ | ¯ | فاصله ماکرون |
° | ° | ° | درجه |
± | ± | ± | مثبت یا منفی |
² | ² | ² | بالانویس 2 |
³ | ³ | ³ | بالانویس 3 |
´ | ´ | ´ | فاصله حاد |
µ | µ | µ | کوچک |
¶ | ¶ | ¶ | پاراگراف |
· | · | · | نقطه وسط |
¸ | ¸ | ¸ | فاصله سدیلا |
¹ | ¹ | ¹ | بالانویس 1 |
º | º | º | شاخص ترتیبی مرد |
» | » | » | گیومه های فرانسوی (درخت کریسمس) - درست است |
¼ | ¼ | ¼ | 1/4 قسمت |
½ | ½ | ½ | 1/2 قسمت |
¾ | ¾ | ¾ | 3/4 قسمت |
¿ | ¿ | ¿ | علامت سوال وارونه |
× | × | × | ضرب |
÷ | ÷ | ÷ | تقسیم |
́ | ́ | فشار | |
Œ | Œ | Œ | لیگاتور OE |
œ | œ | œ | رباط کوچک oe |
Š | Š | Š | S با تاج |
š | š | š | S کوچک با تاج |
Ÿ | Ÿ | Ÿ | Y بزرگ با تاج |
ƒ | ƒ | ƒ | f با قلاب |
ˆ | ˆ | ˆ | لهجه دیکریاتیک |
˜ | ˜ | ˜ | جزر و مد کوچک |
– | – | - | خط تیره |
— | — | — | خط تیره |
‘ | ‘ | ‘ | نقل قول تکی سمت چپ |
’ | ’ | ’ | نقل قول تکی درست |
‚ | ‚ | ‚ | پایین نقل قول تک |
“ | “ | “ | ترک کرد نقل قول های دوگانه |
” | ” | ” | نقل قول های دوگانه درست |
„ | „ | „ | نقل قول های دوتایی پایین |
† | † | † | خنجر |
‡ | ‡ | ‡ | خنجر دوتایی |
. | گلوله | ||
… | … | … | بیضی افقی |
‰ | ‰ | ‰ | ppm (هزارم) |
′ | ′ | ′ | دقایق |
″ | ″ | ″ | ثانیه |
‹ | ‹ | ‹ | نقل قول تک زاویه سمت چپ |
› | › | › | نقل قول تک زاویه راست |
‾ | ‾ | ‾ | خط کشی |
€ | € | € | یورو |
™ | ™ یا | ™ | علامت تجاری |
← | ← | ← | فلش سمت چپ |
فلش بالا | |||
→ | → | → | فلش راست |
↓ | ↓ | ↓ | فلش به پایین |
↔ | ↔ | ↔ | فلش دو طرفه |
↵ | ↵ | ↵ | پیکان برگشت کالسکه |
⌈ | ⌈ | ⌈ | گوشه سمت چپ بالا |
⌉ | ⌉ | ⌉ | گوشه سمت راست بالا |
⌊ | ⌊ | ⌊ | گوشه سمت چپ پایین |
⌋ | ⌋ | ⌋ | گوشه سمت راست پایین |
◊ | ◊ | ◊ | لوزی |
♠ | ♠ | ♠ | قله ها |
♣ | ♣ | ♣ | غسل تعمید دادن |
کرم ها | |||
♦ | ♦ | ♦ | بوبی |
نمادهای ریاضی پشتیبانی شده در HTML
نماد | کد عددی | نام نماد | شرح |
---|---|---|---|
∀ | ∀ | ∀ | برای هر کسی، برای همه |
∂ | ∂ | ∂ | بخش |
∃ | ∃ | ∃ | وجود دارد |
∅ | ∅ | ∅ | مجموعه تهی |
∇ | ∇ | ∇ | اپراتور همیلتون ("nabla") |
∈ | ∈ | ∈ | متعلق به مجموعه است |
∉ | ∉ | ∉ | متعلق به مجموعه نیست |
∋ | ∋ | ∋ | یا |
∏ | ∏ | ∏ | کار کردن |
∑ | ∑ | ∑ | مجموع |
− | − | − | منهای |
∗ | ∗ | ∗ | ضرب یا عملگر الحاق به |
× | × | &بار | علامت ضربدر |
√ | √ | √ | ریشه دوم |
∝ | ∝ | ∝ | تناسب |
∞ | ∞ | ∞ | بی نهایت |
⋮ | ⋮ | کثرت | |
∠ | ∠ | ∠ | گوشه |
∧ | ∧ | ∧ | و |
∨ | ∨ | ∨ | یا |
∩ | ∩ | ∩ | تقاطع |
∪ | ∪ | ∪ | یک انجمن |
∫ | ∫ | ∫ | انتگرال |
∴ | ∴ | ∴ | از همین رو |
∼ | ∼ | ∼ | پسندیدن |
≅ | ≅ | ≅ | قابل مقایسه |
≈ | ≈ | ≈ | تقریباً برابر است |
≠ | ≠ | ≠ | نا برابر |
≡ | ≡ | ≡ | به طور یکسان |
≤ | ≤ | ≤ | کمتر یا مساوی |
⩽ | ⩽ ⩽ |
⩽ ⩽ |
کمتر یا مساوی |
≥ | ≥ | ≥ | بیشتر یا مساوی |
⩾ | ⩾ ⩾ |
⩾ ⩾ |
بیشتر یا مساوی |
⊂ | ⊂ | ⊂ | زیرمجموعه |
⊃ | ⊃ | ⊃ | ابر مجموعه ها |
⊄ | ⊄ | ⊄ | نه یک زیر مجموعه |
⊆ | ⊆ | ⊆ | زیرمجموعه |
⊇ | ⊇ | ⊇ | فوق مجموعه |
⊕ | ⊕ | ⊕ | جمع مستقیم |
⊗ | ⊗ | ⊗ | محصول تنزر |
⊥ | ⊥ | ⊥ | عمود بر |
⋅ | ⋅ | ⋅ | عملگر نقطه |
الفبای یونانی و قبطی
نماد | کد عددی | کد هگز | نام نماد |
---|---|---|---|
Ͱ | Ͱ | Ͱ | |
ͱ | ͱ | ͱ | |
Ͳ | Ͳ | Ͳ | |
ͳ | ͳ | ͳ | |
ʹ | ʹ | ʹ | |
͵ | ͵ | ͵ | |
Ͷ | Ͷ | Ͷ | |
ͷ | ͷ | ͷ | |
ͺ | ͺ | ͺ | |
ͻ | ͻ | ͻ | |
ͼ | ͼ | ͼ | |
ͽ | ͽ | ͽ | |
; | ; | ; | |
΄ | ΄ | ΄ | |
΅ | ΅ | ΅ | |
Ά | Ά | Ά | |
· | · | · | |
Έ | Έ | Έ | |
Ή | Ή | Ή | |
Ί | Ί | Ί | |
Ό | Ό | Ό | |
Ύ | Ύ | Ύ | |
Ώ | Ώ | Ώ | |
ΐ | ΐ | ΐ | |
Α | Α | Α | Α |
Β | Β | Β | Β |
Γ | Γ | Γ | Γ |
Δ | Δ | Δ | Δ |
Ε | Ε | Ε | Ε |
Ζ | Ζ | Ζ | Ζ |
Η | Η | Η | Η |
Θ | Θ | Θ | Θ |
Ι | Ι | Ι | Ι |
Κ | Κ | Κ | Κ |
Λ | Λ | Λ | Λ |
Μ | Μ | Μ | Μ |
Ν | Ν | Ν | Ν |
Ξ | Ξ | Ξ | Ξ |
Ο | Ο | Ο | Ο |
Π | Π | Π | Π |
Ρ | Ρ | Ρ | Ρ |
Σ | Σ | Σ | Σ |
Τ | Τ | Τ | Τ |
Υ | Υ | Υ | Υ |
Φ | Φ | Φ | Φ |
Χ | Χ | Χ | Χ |
Ψ | Ψ | Ψ | Ψ |
Ω | Ω | Ω | Ω |
Ϊ | Ϊ | Ϊ | |
Ϋ | Ϋ | Ϋ | |
ά | ά | ά | |
έ | έ | έ | |
ή | ή | ή | |
ί | ί | ί | |
ΰ | ΰ | ΰ | |
α | α | α | α |
β | β | β | β |
γ | γ | γ | γ |
δ | δ | δ | δ |
ε | ε | ε | ε |
ζ | ζ | ζ | ζ |
η | η | η | η |
θ | θ | θ | θ |
ι | ι | ι | ι |
κ | κ | κ | κ |
λ | λ | λ | λ |
μ | μ | μ | μ |
ν | ν | ν | ν |
ξ | ξ | ξ | ξ |
ο | ο | ο | ο |
π | π | π | π |
ρ | ρ | ρ | ρ |
ς | ς | ς | ς |
σ | σ | σ | σ |
τ | τ | τ | τ |
υ | υ | υ | υ |
φ | φ | φ | φ |
χ | χ | χ | χ |
ψ | ψ | ψ | ψ |
ω | ω | ω | ω |
ϊ | ϊ | ϊ | |
ϋ | ϋ | ϋ | |
ό | ό | ό | |
ύ | ύ | ύ | |
ώ | ώ | ώ | |
Ϗ | Ϗ | Ϗ | |
ϐ | ϐ | ϐ | |
ϑ | ϑ | ϑ | ϑ |
ϒ | ϒ | ϒ | ϒ |
ϓ | ϓ | ϓ | |
ϔ | ϔ | ϔ | |
ϕ | ϕ | ϕ | ϕ |
ϖ | ϖ | ϖ | ϖ |
ϗ | ϗ | ϗ | |
Ϙ | Ϙ | Ϙ | |
ϙ | ϙ | ϙ | |
Ϛ | Ϛ | Ϛ | |
ϛ | ϛ | ϛ | |
Ϝ | Ϝ | Ϝ | Ϝ |
ϝ | ϝ | ϝ | ϝ |
Ϟ | Ϟ | Ϟ | |
ϟ | ϟ | ϟ | |
Ϡ | Ϡ | Ϡ | |
ϡ | ϡ | ϡ | |
Ϣ | Ϣ | Ϣ | |
ϣ | ϣ | ϣ | |
Ϥ | Ϥ | Ϥ | |
ϥ | ϥ | ϥ | |
Ϧ | Ϧ | Ϧ | |
ϧ | ϧ | ϧ | |
Ϩ | Ϩ | Ϩ | |
ϩ | ϩ | ϩ | |
Ϫ | Ϫ | Ϫ | |
ϫ | ϫ | ϫ | |
Ϭ | Ϭ | Ϭ | |
ϭ | ϭ | ϭ | |
Ϯ | Ϯ | Ϯ | |
ϯ | ϯ | ϯ | |
ϰ | ϰ | ϰ | ϰ |
ϱ | ϱ | ϱ | ϱ |
ϲ | ϲ | ϲ | |
ϳ | ϳ | ϳ | |
ϴ | ϴ | ϴ | |
ϵ | ϵ | ϵ | ϵ |
϶ | ϶ | ϶ | ϶ |
Ϸ | Ϸ | Ϸ | |
ϸ | ϸ | ϸ | |
Ϲ | Ϲ | Ϲ | |
Ϻ | Ϻ | Ϻ | |
ϻ | ϻ | ϻ | |
ϼ | ϼ | ϼ | |
Ͻ | Ͻ | Ͻ | |
Ͼ | Ͼ | Ͼ | |
Ͽ | Ͽ | Ͽ |
چرا کاراکترهای خاص مورد نیاز است و چگونه از آنها استفاده کنیم
فرض کنید تصمیم دارید تگ هایی را در صفحه خود توصیف کنید، اما از آنجایی که مرورگر از کاراکترها استفاده می کند< и >مانند تگ شروع و پایان، اعمال آنها در محتوای html شما می تواند منجر به مشکلاتی شود. اما HTML راه آسانی برای تعریف این و سایر کاراکترهای خاص با اختصارات ساده به شما می دهد ارجاعات نماد.
بیایید ببینیم چگونه کار می کند. برای هر کاراکتری که خاص در نظر گرفته میشود یا میخواهید در صفحه وب خود استفاده کنید اما در ویرایشگر شما قابل چاپ نیست (مثلاً یک کاراکتر حق چاپ)، یک مخفف پیدا میکنید و به جای کاراکتر مورد نظر در کد html چاپ میکنید. . به عنوان مثال، برای نماد ">"، مخفف آن است - > و برای نماد "<" - < .
فرض کنید میخواستید «Element بسیار مهم" در صفحه خود. در عوض، باید از ارجاع به نمادهایی که برای نمایش صحیح ورودی نیاز دارید استفاده کنید و در نتیجه، ورودی شما در کد باید به شکل زیر باشد:
عنصر خیلی مهم
تلاش كردن "کاراکتر ویژه دیگری که باید از آن آگاه باشید کاراکتر & (امپرسند) است. اگر می خواهید در صفحه HTML شما ظاهر شود، به جای کاراکتر & از & مرجع استفاده کنید.