علامت مثبت بزرگ کاراکترهای ویژه HTML موارد استفاده از برخی کاراکترهای خاص از جمله فاصله بدون شکستن و خط تیره نرم

کاراکترهای ویژه HTML ساختارهای زبان خاصی هستند که به کاراکترهایی از مجموعه کاراکترهای مورد استفاده در فایل های متنی اشاره می کنند. جدول لیستی از کاراکترهای رزرو شده و ویژه را نشان می دهد که نمی توان آنها را با استفاده از صفحه کلید به کد منبع یک سند HTML اضافه کرد:

  • کاراکترهایی که نمی توان با استفاده از صفحه کلید وارد کرد (به عنوان مثال، نماد حق چاپ)
  • کاراکترهایی که برای علامت گذاری در نظر گرفته شده اند (به عنوان مثال، علامت بزرگتر یا کمتر از)

چنین کاراکترهایی با استفاده از یک کد یا نام عددی اضافه می شوند.

سمبلکد عددینام نمادشرح
" " " علامت نقل قول
" " " آپستروف
& & & آمپرسند
< < کمتر از علامت
> > > علامت بزرگتر
فضای بدون شکست (فضای بدون شکست فضایی است که در داخل یک خط به عنوان یک فضای منظم ظاهر می شود، اما اجازه نمی دهد برنامه های نمایش و چاپ در این نقطه خط را بشکنند.)
¡ ¡ ¡ علامت تعجب معکوس
¢ ¢ ¢ سنت
£ £ £ پوند.
¤ ¤ ¤ ارزها
¥ ¥ ¥ ین
¦ ¦ ¦ نوار عمودی شکسته
§ § § بخش
¨ ¨ ¨ فاصله (سیریلیک)
© علامت حق چاپ
ª ª ª نماگر ترتیبی زن
« « « نقل قول های فرانسوی (هرینگ) - سمت چپ
¬ ¬ ¬ نفی - عبارات
® ® ® علامت تجاری ثبت شده
¯ ¯ ¯ فاصله ماکرون
° ° ° درجه
± ± ± مثبت یا منفی
² ² ² بالانویس 2
³ ³ ³ بالانویس 3
´ ´ ´ فاصله حاد
µ µ µ کوچک
پاراگراف
· · · نقطه میانی
¸ ¸ ¸ فاصله سدیلا
¹ ¹ ¹ بالانویس 1
º º º نماگر ترتیبی مذکر
» » » نقل قول های فرانسوی (هرینگ) - درست است
¼ ¼ ¼ 1/4 قسمت
½ ½ ½ 1/2 قسمت
¾ ¾ ¾ 3/4 قسمت
¿ ¿ ¿ علامت سوال معکوس
× × × ضرب
÷ ÷ ÷ تقسیم
́ ́ تاکید
Œ Œ Œ سرمایه لیگاتور OE
œ œ œ رباط کوچک oe
Š Š Š S با تاج
š š š S کوچک با تاج
Ÿ Ÿ Ÿ Y بزرگ با تاج
ƒ ƒ ƒ f با قلاب
ˆ ˆ ˆ لهجه دیکریاتیک
˜ ˜ ˜ جزر و مد کوچک
- خط تیره
خط تیره
نقل قول تکی سمت چپ
نقل قول تکی درست
پایین نقل قول تک
نقل قول های دوگانه سمت چپ
نقل قول های دوگانه درست
نقل قول های دوگانه پایین تر
خنجر
خنجر دوتایی
. گلوله
بیضی افقی
ppm (هزارم)
دقایق
ثانیه
نقل قول گوشه سمت چپ
نقل قول گوشه سمت راست
خط کشی
یورو
™ یا علامت تجاری
فلش سمت چپ
فلش بالا
فلش راست
فلش به پایین
فلش دوتایی
پیکان برگشت کالسکه
گوشه سمت چپ بالا
گوشه سمت راست بالا
گوشه سمت چپ پایین
گوشه سمت راست پایین
لوزی
قله ها
صلیب
کرم ها
الماس

نمادهای ریاضی پشتیبانی شده در HTML

سمبلکد عددینام نمادشرح
برای هر کسی، برای همه
قسمت
وجود دارد
مجموعه تهی
اپراتور همیلتون (نابلا)
متعلق به مجموعه است
متعلق به مجموعه نیست
یا
کار کردن
مجموع
منهای
ضرب یا عملگر مزدوج به
× × &بار علامت ضربدر
ریشه دوم
تناسب
بی نهایت
کثرت
گوشه
و
یا
تقاطع
اتحاد. اتصال
انتگرال
از همین رو
پسندیدن
قابل مقایسه
تقریبا برابر
نا برابر
به طور یکسان
کمتر یا مساوی


کمتر یا مساوی
بیشتر یا مساوی


بیشتر یا مساوی
زیرمجموعه
ابر مجموعه ها
نه یک زیر مجموعه
زیرمجموعه
فوق مجموعه
مقدار مستقیم
محصول تانسر
عمود بر
عملگر نقطه

الفبای یونانی و قبطی

سمبل کد عددی کد هگز نام نماد
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

چرا به کاراکترهای خاص نیاز است و چگونه از آنها استفاده کنیم

فرض کنید تصمیم گرفتید تگ هایی را در صفحه خود توصیف کنید، اما از آنجایی که مرورگر از کاراکترها استفاده می کند< и >مانند شروع و پایان یک برچسب، اعمال آنها در محتوای کد html شما می تواند منجر به مشکلاتی شود. اما HTML راه آسانی برای تعریف این کاراکترها و دیگر کاراکترهای خاص با استفاده از اختصارات ساده به نام به شما می دهد ارجاع به نمادها.

بیایید ببینیم چگونه این کار می کند. برای هر کاراکتری که خاص در نظر گرفته می شود یا می خواهید در صفحه وب خود استفاده کنید اما در ویرایشگر شما قابل چاپ نیست (مثلاً نماد حق چاپ)، علامت اختصاری را پیدا کرده و به جای کاراکتر مورد نظر در کد html چاپ می کنید. . به عنوان مثال، برای نماد ">" مخفف است > و برای نماد "<" - < .

فرض کنید می‌خواستید «Element بسیار مهم" در صفحه او. در عوض، باید از ارجاع به نمادهایی که برای نمایش صحیح ورودی نیاز دارید استفاده کنید و در نهایت ورودی شما در کد باید به شکل زیر باشد:

عنصر خیلی مهم

تلاش كردن "

کاراکتر ویژه دیگری که باید در مورد آن بدانید نماد & (امپرسند) است. اگر می خواهید در صفحه HTML شما ظاهر شود، به جای کاراکتر & از پیوند & استفاده کنید.

کاراکترهای ویژه کاراکترهای فنی هستند که روی صفحه کلید نشان داده نمی شوند و با استفاده از یونیکد یا زبان فرازبان دیگری کدگذاری می شوند. کاراکترهای ویژه به گروه هایی تقسیم می شوند: ریاضی، الفبای یونانی، ISO 8859-1 و دیگران. چرا آنها مورد نیاز هستند و نحوه استفاده از آنها را در ادامه مقاله بخوانید.

استفاده از کاراکترهای خاص هنگام نوشتن اسناد

استفاده برای اهداف زیر است:

  1. ارائه کامل و زیبایی شناسی مقاله. علائم ویژه به شما کمک می کند تا به سرعت مقادیر ابعادی را درک کنید یا نام تاریخی را به لاتین یا یونانی بخوانید.
  2. برخی از عناصر چینش صحیح سند را تضمین می کنند. به عنوان مثال، "" و "" متفاوت هستند، اولی با وسایل استاندارد و بقیه از طریق کاراکترهای خاص منتقل می شوند.
  3. طرح بندی اسناد ریاضی بدون آگاهی از گروه های اصلی عناصر نمی تواند انجام شود.

نشانه های اساسی

این مواد به شما امکان می دهد برای درج سریع در متن، کاراکترهای ویژه را در رمزگذاری مناسب پیدا کنید.

ظاهر تعیین کد 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
آلفا α α Α Α
بتا β β Β Β
گاما γ γ Γ Γ
دلتا δ δ Δ Δ
اپسیلون ε ε Ε Ε
زتا ζ ζ Ζ Ζ
این η η Η Η
تتا θ θ Θ Θ
یوتا ι ι Ι Ι
کاپا κ κ Κ Κ
لامبدا λ λ Λ Λ
مو μ μ Μ Μ
برهنه ν ν Ν Ν
xi ξ ξ Ξ Ξ
omicron ο ο Ο Ο
پی π π Π Π
ro ρ ρ Ρ Ρ
سیگما σ σ Σ Σ
سیگما نهایی ς ς
تاو τ τ Τ Τ
آپسیلون υ υ Υ Υ
فی φ φ Φ Φ
هی χ χ Χ Χ
psi ψ ψ Ψ Ψ
امگا ω ω Ω Ω

نحوه استفاده از آن در عمل


صرف نظر از CMS، افزودن مقاله با استفاده از ویرایشگر بصری و نسخه HTML انجام می شود. تمام کاراکترهای ویژه در رمزگذاری فقط در حالت دوم قابل درج هستند. برای استفاده صحیح از ابزارها، توصیه می شود به جداولی که کد و نمایش خارجی را نشان می دهند، توجه داشته باشید.

لطفاً توجه داشته باشید که اگر علامتی را در نمایش تصویری یک مقاله وارد کنید، عنصر به کد مربوطه در HTML تبدیل می‌شود. هنگام وارد کردن دستی اطلاعات، مورد را در نظر بگیرید که بر نتیجه نهایی تأثیر می گذارد.

متن تایپ شده از کاراکترهای چاپ شده - نمادهای گرافیکی تشکیل شده است.
نمادهای گرافیکی نمادهایی هستند که دارای نمایشگر قابل مشاهده در متن هستند.
تمام نمادهای گرافیکی در مجموعه ای از یک سیستم جهانی یونیکد جمع آوری می شوند.
یک نماد گرافیکی یونیکد را در یک سند html درج کنید
- هدف اصلی و تنها برای این جدول.

می توانید یک نماد را به یکی از روش های زیر در یک سند HTML وارد کنید:

  1. تصویر نماد را از پنجره مرورگر به پنجره ویرایشگر html بصری خود کپی کنید
  2. کد html نماد را مستقیماً در کد سند html کپی کنید
لطفاً درک کنید که این دو روش متفاوت هستند:
  1. بصری را در بصری قرار دهید
  2. کد را در کد وارد کنید

فونت یک نماد، اندازه و رنگ آن در HTML را می توان با کدهایی مانند:
CHARACTER_CODE
جایی که،
Arial - فونت،
10 پیکسل - اندازه فونت در پیکسل،
#ff0000 - کد رنگ فونت (قرمز)

مثلا:
☎ - اندازه فونت کاراکتر 30 پیکسل،
☎ - اندازه فونت نماد 30 پیکسل، رنگ - قرمز
☎ - اندازه فونت کاراکتر 20 پیکسل،
☎ - اندازه فونت نماد 10 پیکسل.
توجه داشته باشید فونت های پیشنهادی برای درج کاراکترهای خاص Arial، Verdana و Tahoma هستند. این فونت ها کاراکترهای یونیکد را به درستی نمایش می دهند و خود به درستی توسط برنامه های کاربردی وب پشتیبانی می شوند.

  1. "سمبل"
    (نمایش نماد قابل مشاهده)
    از این ستون می توانید تصویر نماد را کپی کرده و در پنجره ویرایشگر متن html قرار دهید. نماد با اندازه فونت 20 پیکسل کپی می شود. پس از تکمیل کپی، ممکن است لازم باشد اندازه فونت را به صورت جداگانه به طور مستقیم با کاراکتر کپی شده تنظیم کنید.
  2. "نام"
    (فقط برای شخصیت های مهم یا نامشخص)
    توضیح هدف نماد، دامنه آن، مثال‌هایی...
  3. "Mnemonics"
    Mnemonics یک ساخت الفبایی از فرم "است که نشان دهنده کد الفبایی یک کاراکتر در HTML است. مستقیماً در کد html یک سند html درج می شود. یادگاری ها در بین طراحان حرفه ای صفحه بندی بسیار محبوب هستند. آنها کاملاً توسط انسان حفظ می شوند. توسط تمام برنامه های html پشتیبانی می شود. هر یادگاری حاوی یک نام الفبایی (تعیین) نماد خود و یک علامت سرویس (&) است که به عنوان سیگنالی برای مرورگر برای خواندن کد عمل می کند و روی صفحه نمایشگر نمایش داده نمی شود. هر یادگاری منحصر به فرد است و خواندن آن آسان است، زیرا از کلمه انگلیسی که مشخصه نماد است مشتق شده است.

    Mnemonics (یونانی) - هنر به خاطر سپردن چیزی. زمانی که موضوع به خاطر سپردن با چیزی در حالت تداعی قرار می گیرد، از حافظه های حافظه برای تسهیل درک اطلاعاتی استفاده می شود که به خاطر سپردن آنها دشوار است.

  4. "کد"
    کد - کد اعشاری عددی یک کاراکتر در HTML، مانند &. مستقیماً در کد html یک سند html درج می شود. کد اعشاری شامل یک عدد است که شماره سریال کاراکتر در سیستم یونیکد و چندین کاراکتر سرویس (& و #) را نشان می‌دهد که به عنوان سیگنالی برای مرورگر برای خواندن کد عمل می‌کنند و روی صفحه نمایش نمایش داده نمی‌شوند. کد اعشاری به دلیل تطبیق پذیری و سهولت درک بسیار مورد استفاده و استفاده قرار می گیرد.

کنترل کاراکترها در HTML (XHTML)

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

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

نمادهای کنترل و کد HTML آنها را همه مرورگرها بدون استثنا می شناسند و درک می کنند، که متأسفانه در مورد نمادهای دیگری که ممکن است در مرورگرهای مختلف به اشتباه نمایش داده شوند یا حتی بدتر از آن اصلاً نمایش داده نشوند، نمی توان گفت.

نحو و نشانه گذاری

فضای به طول N (فضای منظم)
فضای طول M (فضای بلند)
- خط فاصله (کاراکتر غیر قابل چاپ) - ­
خط ربط –
- خط تیره به طول N (خط تیره معمولی) -
خط تیره طول M (em dash)
. نقطه .
, کاما ,
بیضی ها …
: روده بزرگ :
; نقطه ویرگول ;
! علامت تعجب !
ǃ
? علامت سوال ?
@ "سگ" @
* "ستاره" *
# "شبکه" #
نقل قول بالا سمت چپ ‘
نقل قول بالا سمت راست ’
نقل قول پایین سمت راست ‚
دو نقل قول بالا سمت چپ “
دو نقل قول بالا سمت راست ”
نقل قول پایین سمت راست را دو برابر کنید &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 دارند که معمولاً در کد سند استفاده می شوند.

در مقاله امروز ما سعی خواهیم کرد بفهمیم که یک فاصله در HTML چیست و در چه مواردی می توان از کاراکترهای فضای خالی هنگام قالب بندی خود کد برای خواندن آسان استفاده کرد. ما متوجه خواهیم شد که چه زمانی لازم است از یک فضای بدون شکستن استفاده کنیم و همچنین با سایر شخصیت های خاص (یا همانطور که به آنها یادگاری نیز گفته می شود) آشنا می شویم.

در واقع، من به شما توصیه می کنم که موضوع استفاده از کاراکترهای خاص مختلف را نادیده نگیرید، زیرا این جزء مهمی است که به شما امکان می دهد مطالعه خود را در مورد زبان نشانه گذاری فرامتن کامل کنید. به طور کلی، اطلاعات ارائه شده در این نشریه قطعاً اضافی نخواهد بود. خب حالا سر اصل مطلب

فضاها و کاراکترهای فضای خالی در HTML

ابتدا باید یک نکته مهم را ذکر کنید. کلیدهای ویژه ای روی صفحه کلید رایانه وجود دارد که به شما امکان می دهد متن را جدا کنید (در ادامه در این مورد بیشتر توضیح می دهیم). با این حال، تنها یک فاصله گسترده بین کلمات جدایی را نه تنها در ویرایشگر، بلکه در پنجره مرورگر نیز فراهم می کند. هنگام شکستن خطوط و فرورفتگی از لبه ها تفاوت های ظریف وجود دارد.

همانطور که می دانید نمایش برخی از عناصر در یک مرورگر وب توسط برچسب ها مشخص می شود. برای قالب بندی متن، از کلمه معروف که مبتنی بر بلوک است استفاده می شود. یعنی محتوای آن در کل عرض موجود قرار دارد.

به خطوط را در پاراگراف P بپیچید، باید از یک تگ BR استفاده کنید که با آن می توانید این کار را انجام دهید. فرض کنید باید چند سطر از شعری را که در ویرایشگر متن می نویسیم در متن وارد کنیم:

علیرغم اینکه خطوط آیه به درستی قرار گرفته اند و خط تیره ها در مکان های مناسب ساخته شده اند، همه چیز در مرورگر متفاوت به نظر می رسد:


برای دستیابی به نمایشگر یکسان در پنجره مرورگر وب، باید BR را در هر شکست خط بنویسید:

اکنون به این کار دست یافته ایم و خطوط شاعرانه به طور کامل در مرورگر نمایش داده می شود:

بنابراین، خطوط لازم تکمیل می شود. یکی دیگر از ویژگی هایی که در اینجا باید به آن توجه کرد این است که فضاهای متعددی که یکی پس از دیگری قرار می گیرند توسط مرورگر وب به عنوان یکی نمایش داده می شوند. اگر در همان ویرایشگر سعی کنید نه یک، بلکه چندین فاصله بین دو کلمه قرار دهید و با کلیک بر روی دکمه "ذخیره"، نتیجه را در مرورگر مشاهده کنید، می توانید این موضوع را تأیید کنید.

فاصله، برگه و خط شکست

اصولا با اینها کاراکترهای فضای خالیما به محض شروع کار با متن در ویرایشگر با یکدیگر آشنا می شویم و آن را به شکل مورد نیاز قالب بندی می کنیم. برای اجرای چنین کاری، کلیدهای ویژه ای وجود دارد که هر کدام با شخصیت فضایی خود مطابقت دارد:

  • Spacebar گسترده ترین کلید روی صفحه کلید کامپیوتر (بدون برچسب) است.
  • Tab - یک کلید در سمت چپ با کتیبه "Tab" و دو فلش در جهت های مختلف.
  • شکست خط - کلید "Enter".

با این حال، همانطور که در بالا گفتم، نتیجه نهایی مورد نظر را نه تنها در یک ویرایشگر متن، بلکه در یک مرورگر، تنها زمانی که از کلید اول استفاده می کنیم، می گیریم. هر سه کلید (شامل tab و break line هنگام قالب‌بندی کد HTML مفید هستند. فرض کنید یک قطعه کد در NotePad++ به این شکل است (اطلاعات زیادی در مورد این ویرایشگر وجود دارد) هنگام نمایش همه کاراکترهای فضای خالی:


ما کدی دریافت می کنیم که به لطف فاصله ها به راحتی قابل خواندن و درک است. فلش های نارنجی نشان دهنده تورفتگی های ایجاد شده با استفاده از کلید Tab و نمادهای CR و LF نشان دهنده شکستگی های خط ایجاد شده با استفاده از کلید Enter هستند.

ظروف تو در تو در داخل یکدیگر مشاهده می شوند و برچسب های باز و بسته شدن به وضوح قابل مشاهده هستند. در این فرم، این کد به راحتی قابل ویرایش است. حالا آن را با همان کد مقایسه کنید که چنین تقسیم متنی ندارد:

به همین ترتیب، با استفاده از کاراکترهای فضای خالی، می توانید قوانین CSS را بنویسید که از نظر بصری واضح و قابل هضم به نظر می رسند:


پس از اینکه همه استایل ها را به مخرج مشترکی آوردید و ویرایش فایل استایل ها را به طور کامل به پایان رساندید، می توانید با حذف تمام فاصله ها از کد، ویرایش را انجام دهید. این برای افزایش ضروری است، که در هنگام تبلیغ یک منبع بسیار مهم است.

کاراکترهای خاص (یا یادگاری) در کد HTML

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

وقتی متنی را روی صفحه کلید تایپ می کنید، کاراکترهای زبانی که استفاده می کنید کدگذاری می شوند. در مرورگر وب، متن تایپ شده با استفاده از فونت هایی که در نتیجه عملیات رمزگشایی معکوس انتخاب کرده اید، نمایش داده می شود.

واقعیت این است که چنین رمزگذاری‌هایی بسیار زیاد است؛ اکنون هدفی از تجزیه و تحلیل دقیق آنها نداریم. فقط این است که هر یک از آنها ممکن است نمادهای خاصی را از دست بدهند، که با این حال، باید نمایش داده شوند. فرض کنید میل به نوشتن یک گیومه یا یک علامت تاکیدی دارید، اما این نمادها به سادگی در مجموعه گنجانده نشده اند.

برای از بین بردن این مشکل، سیستمی از نمادهای خاص معرفی شد که شامل تعداد زیادی یادگاری مختلف است. همه آنها با علامت "&" شروع می شوند و معمولا با نقطه ویرگول ";" پایان می یابند. در ابتدا، هر کاراکتر ویژه کد دیجیتال خود را داشت. به عنوان مثال، برای یک فضای بدون شکست، که در زیر با جزئیات بیشتر بررسی خواهیم کرد، ورودی زیر معتبر خواهد بود:

اما پس از مدتی، رایج ترین نمادها به آنالوگ حروف (مانمونیک) اختصاص داده شد تا به خاطر سپردن آنها آسان تر شود. بیایید بگوییم برای همان فضای بدون شکسته به نظر می رسد:

در نتیجه مرورگر نماد مربوطه را نمایش می دهد. فهرست یادگاری ها بسیار حجیم است، پرکاربردترین کاراکترهای ویژه در HTMLمی توانید از جدول زیر کشف کنید:

سمبل کد یادگاری شرح
فضای بدون شکستن
فضای باریک (عرض به عنوان حرف n)
فضای وسیع (em-عرض به عنوان حرف m)
- خط خط (en-dash)
- خط تیره (ام خط تیره)
­ - ­ انتقال نرم
آ ́ استرس بعد از حرف "استرس" قرار می گیرد
© © کپی رایت
® ® ® علامت تجاری ثبت شده
علامت علامت تجاری
º º º نیزه مریخ
ª ª ª آینه زهره
ppm
π π π pi (از Times New Roman استفاده کنید)
¦ ¦ ¦ خط نقطه چین عمودی
§ § § پاراگراف
° ° ° درجه
µ µ µ علامت میکرو
علامت پاراگراف
بیضی ها
خط کشی
´ ´ ´ علامت لهجه
علامت عدد
🔍 🔍 ذره بین (به سمت چپ کج شده)
🔎 🔎 ذره بین (کج به سمت راست)
نشانه های عملیات حسابی و ریاضی
× × × تکثیر کردن
÷ ÷ ÷ تقسیم کردن
< < کمتر
> > > بیشتر
± ± ± بعلاوه منها
¹ ¹ ¹ درجه 1
² ² ² درجه 2
³ ³ ³ درجه 3
¬ ¬ ¬ نفی
¼ ¼ ¼ یک چهارم
½ ½ ½ نیم
¾ ¾ ¾ سه چهارم
نقطه اعشار
منهای
کمتر یا مساوی
بیشتر یا مساوی
تقریبا (تقریبا) برابر
نا برابر
به طور یکسان
ریشه مربع (رادیکال)
بی نهایت
علامت جمع
علامت کار
دیفرانسیل جزئی
انتگرال
برای همه (فقط در صورت پررنگ قابل مشاهده است)
وجود دارد
مجموعه تهی
Ø Ø Ø قطر
متعلق است
متعلق نبودن به
شامل
یک زیر مجموعه است
یک سوپر مجموعه است
زیر مجموعه نیست
زیرمجموعه یا برابر است
ابر مجموعه یا برابر است
به علاوه در یک دایره
علامت ضرب در دایره
عمود بر
گوشه
منطقی و
منطقی OR
تقاطع
اتحاد. اتصال
علائم ارز
یورو
¢ ¢ ¢ سنت
£ £ £ پوند
¤ ¤t; ¤ علامت ارز
¥ ¥ ¥ علامت ین و یوان
ƒ ƒ ƒ علامت فلورین
نشانگرها
. نشانگر ساده
دایره
· · · نقطه میانی
صلیب
صلیب دوبل
قله ها
باشگاه ها
قلبها
الماس
لوزی
مداد
مداد
مداد
دست
نقل قول ها
" " " نقل قول دوگانه
& & & آمپرسند
« « « علامت نقل قول تایپوگرافی سمت چپ (نقل نقل قول استخوان شاه ماهی)
» » » علامت نقل قول تایپوگرافی سمت راست (نقل نقل قول استخوان شاه ماهی)
باز کردن نقل قول تک گوشه
بسته شدن نقل قول تک گوشه
اولیه (دقیقه، فوت)
دو پرایم (ثانیه، اینچ)
بالا سمت چپ تک نقل قول
بالا سمت راست تک نقل قول
پایین سمت راست تک نقل قول
نقل قول-پای چپ
نقل قول پا بالا سمت راست
نقل قول پا پایین سمت راست
تک علامت نقل قول آغازین انگلیسی
تک علامت گیومه پایانی انگلیسی
باز کردن گیومه دوبل
بسته شدن دو گیومه
فلش ها
فلش سمت چپ
فلش بالا
فلش راست
فلش به پایین
فلش چپ و راست
فلش بالا و پایین
برگشت محموله
دو فلش سمت چپ
فلش دوبرابر
دو فلش سمت راست
فلش دو برابر رو به پایین
دو فلش چپ و راست
دو فلش بالا و پایین
مثلث فلش رو به بالا
مثلث فلش رو به پایین
فلش سمت راست مثلثی
مثلث فلش چپ
ستاره ها، دانه های برف
آدم برفی
دانه برف
دانه برف ساندویچ شده توسط شبدر
دانه برف چاق با زاویه تیز
ستاره سایه دار
ستاره خالی
ستاره پر نشده در یک دایره پر
ستاره پر شده با دایره باز در داخل
ستاره دوار
ستاره سفید کشیده شده
دایره باز وسط
دایره پر وسط
سکستیل (نوع دانه برف)
ستاره چرخان هشت پر
ستاره با انتهای کروی
ملخ ستاره ای شکل قطره ای هشت پر
ستاره شانزده پر
ستاره دوازده پر
ستاره پررنگ راست هشت پر
ستاره پر شش پر
ستاره پر هشت پر مستقیم
ستاره هشت پر
ستاره هشت پر
ستاره با مرکز خالی
ستاره چاق
ستاره باز چهار پر
ستاره پر چهار پر
ستاره در یک دایره
دانه برف در یک دایره
ساعت، زمان
تماشا کردن
تماشا کردن
ساعت شنی
ساعت شنی

موارد استفاده از برخی کاراکترهای خاص از جمله فاصله بدون شکستن و خط تیره نرم

اگر قبلاً جدول را کمی مطالعه کرده باشید، تأیید آنچه در بالا گفتم دریافت کرده اید، که برای نمایش همه کاراکترهای خاص، از یک کد دیجیتال () یا آنالوگ الفبایی آن (مانمونیک نمادین) استفاده می شود، جایی که به جای مجموعه ای از هش علائم و اعداد، حروف () نوشته شده است.

حالا بیایید ببینیم چه زمانی از این کدها استفاده کنیم. بیایید بگوییم در یک مقاله شما باید برخی از تگ های HTML را برای اهداف اطلاعاتی نشان دهید، به عنوان مثال،

. اگر براکت های زاویه ای را از صفحه کلید تایپ کنید (و چنین گزینه ای وجود دارد)، مرورگر چنین ساختاری را به عنوان یک برچسب باز و نه به عنوان یک قطعه ساده از متن درک می کند.

بنابراین، از همان جدول HTML کاراکترهای خاص، کدهای مربوطه را می گیریم و کل ورودی به شکل زیر خواهد بود:

علاوه بر این، برای نمایش در مرورگر نه علامت علامت، بلکه نام آن در فرم

، باید کد آن را از جدول اضافه کنید:

پاورقی

سپس مرورگر دقیقاً رکورد یادداشت هایی را که باید برای نمایش تگ FOOTER اعمال شوند، نمایش می دهد. کمی گیج کننده است، اما در این صفحه می توانید این جنبه را با وارد کردن حافظه نویسی برای کاراکترهای مربوطه در قسمت "HTML" و با استفاده از دکمه "Run" و در ناحیه "Result" و دریافت نتیجه نمایش آنها در قسمت تمرین کنید. مرورگر:


لطفاً توجه داشته باشید که من اطمینان حاصل کردم که متن با استفاده از برچسب BR قبلاً ذکر شده پیچیده شده است تا خود کاراکترها نه در یک خط، بلکه در یک ستون برای راحتی نمایش داده شوند.

برو جلو. گاهی اوقات ترکیباتی در متن ظاهر می شود که جداسازی آنها در خطوط مختلف نامطلوب است. بیایید بگوییم، "1000 روبل." منطقی است که آن را روی خط بالایی رها کنید، یا اگر فضای کافی وجود ندارد، کل ساختار را به یک خط زیر منتقل کنید.

این امر به ویژه در صورتی صادق است که کاربران از دستگاه هایی با عرض صفحه نمایش متفاوت از جمله دستگاه های تلفن همراه استفاده کنند. در واقع، در این مورد، مرورگر وب متن را قالب بندی می کند و با شرایط جدید سازگار می شود. و اگر متن در اندازه‌های استاندارد مانیتور درست به نظر برسد، در صورت تغییر، همه چیز می‌تواند تغییر کند.

برای این موارد ارائه شده است فضای بدون شکست HTML، که قبلاً به آن اشاره کردم. یادآوری می کنم که در این مورد کد فاصله به صورت زیر است:

و باید بین دو مجموعه از علائم که باید به هم مرتبط شوند قرار داده شود:

1000 روبل.

اکنون مرورگر تحت هیچ شرایطی آنها را از هم جدا نمی کند، حتی اگر قالب بندی متن برای نمایش صحیح آن لازم باشد.

همچنین موقعیتی وجود دارد که یک کلمه بسیار طولانی در فضای آزاد جای نمی گیرد و باید بخشی از آن را جابجا کنید. در صورت لزوم چگونه می توانم در این مورد یک خط جدید از قبل تعریف کنم؟ برای این وجود دارد کاراکتر خط خطی نرم ویژه-، که باید در جایی قرار گیرد که کلمه باید شکسته شود:

بلند بلند بلند بلند کلمه طولانی

اگر موقعیتی پیش بیاید که یک کلمه نیاز به خط خطی داشته باشد، آنگاه یک شکاف در محل یادداشت خط تیره نرم ایجاد می‌شود، جایی که یک خط فاصله ظاهر می‌شود و بقیه کلمه در خط بعدی زیر ظاهر می‌شود.

با این حال، باز هم، مشاهده کل این موضوع، از جمله نمونه هایی از انتقال مداوم و نرم، در عمل مفید خواهد بود:


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

و انتقال انجام می شود که در نمونه هایی که توضیح دادم پیش بینی شده است. با این حال، شما خودتان می توانید پنجره مشاهده را جابجا کنید، آن را گسترش و باریک کنید و به صورت بصری این را تأیید کنید.