کاراکترهای خاص Html. کاراکترهای فضای خالی و قالب بندی کد آنها در Html و همچنین کاراکترهای ویژه فضای خالی و سایر یادداشت ها

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

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

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

ما درک می کنیم که این دو راه متفاوت است:

1. بصری را در بصری قرار دهید
2. کد را در کد جاسازی کنید

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

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

1. "نماد"
   (نمایش نماد قابل مشاهده)
   از این ستون می توانید تصویر نماد را کپی کرده و در پنجره ویرایشگر متن html قرار دهید. نماد با اندازه فونت 20 پیکسل کپی می شود. پس از تکمیل کپی، ممکن است لازم باشد اندازه فونت را به صورت جداگانه برای کاراکتر کپی شده تنظیم کنید.
2. "نام"
   (فقط برای شخصیت های مهم یا مبهم)
   توضیح هدف نماد، دامنه آن، نمونه هایی ...
3. "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 (خط تیره)			—	—
.	نقطه				.
,	کاما				,
…	بیضی			…	…
:	روده بزرگ				:
;	نقطه ویرگول				;
!	علامت تعجب				! ǃ
?	علامت سوال				?
@	"سگ"				@
*	"ستاره"				*
#	"شبکه"				#
‘	نقل قول بالا سمت چپ			‘	‘ ‘
’	تک نقل قول بالا سمت راست			’	’ ’
‚	نقل قول پایین سمت راست			‚	‚ ‚
“	دو نقل قول بالا سمت چپ			“	“ “
”	دو نقل قول بالا سمت راست			”	” ”
„	نقل قول پایین سمت راست			&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			∨	∨
⊕	علامت مثبت در یک دایره (مجموع مستقیم)			⊕	⊕
⊗	علامت "ضرب در دایره" (محصول متقاطع، پیکان ناظر)			⊗	⊗
ʘ	نقطه در یک دایره (فلش به سمت ناظر)				ʘ

				✵ ✵

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

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

نمادهای پیکان برای شبکه های اجتماعی

شما به فلش های سیاه و البته نیاز دارید. بالاخره آنها راه را نشان می دهند. در اینجا، به عنوان مثال، سمت راست به پایین: ⇘. اما به سمت جنوب شرقی: ➘. فوق العاده است، اینطور نیست؟

اشاره گرها بیشترین هستند انواع متفاوتو اندازه ها موج دار، شکسته، پررنگ، سیاه، سفید. برخی حتی معمولی نیستند. به این سر نیزه راست دست سایه دار نگاهی بیندازید: ➤. این می تواند هر پیام، وضعیت یا را تزئین کند. در بالا نشانگرهایی برای هر سلیقه و اندازه جمع آوری شده است. خیلی متفاوت، خیلی زیاد. روزی می گیرند... جایی دارویی بود...

برای کپی کردن فلش در جایی در VKontakte، آن را با ماوس انتخاب کنید و در جایی در VKontakte کپی کنید.

کاراکترهای ویژه 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 شما ظاهر شود، به جای کاراکتر & از & مرجع استفاده کنید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نماد	کد	یادگاری	شرح
			فضای بدون شکستن
			فضای باریک (به عرض حرف n)
			فضای وسیع (em-عرض به حرف m)
–	-	–	خط تیره (en-dash)
-	—	—	خط تیره (em-dash)
­	-	­	انتقال نرم
آ		́	لهجه، بعد از حرف "شوک" قرار می گیرد
©		©	کپی رایت
®	®	®	علامت تجاری ثبت شده
™	™	™	علامت علامت تجاری
º	º	º	نیزه مریخ
ª	ª	ª	آینه زهره
‰	‰	‰	ppm
π	π	π	pi (از Times New Roman استفاده کنید)
¦	¦	¦	خط نقطه چین عمودی
§	§	§	پاراگراف
°	°	°	درجه
µ	µ	µ	علامت میکرو
¶	¶	¶	علامت پاراگراف
…	…	…	بیضی
‾	‾	‾	خط کشی
´	´	´	علامت لهجه
№		№	علامت عدد
🔍		🔍	ذره بین (به سمت چپ کج شده)
🔎		🔎	ذره بین (کج به سمت راست)
نشانه های عملیات حسابی و ریاضی
×	×	×	تکثیر کردن
÷	÷	÷	تقسیم کردن
<	<		کوچکتر
>	>	>	بیشتر
±	±	±	بعلاوه منها
¹	¹	¹	درجه 1
²	²	²	درجه 2
³	³	³	درجه 3
¬	¬	¬	نفی
¼	¼	¼	یک چهارم
½	½	½	نیمی
¾	¾	¾	سه چهارم
⁄	⁄	⁄	نوار کسری
−	−	−	منهای
≤	≤	≤	کمتر یا مساوی
≥	≥	≥	بیشتر یا مساوی
≈	≈	≈	تقریبا (تقریبا) برابر
≠	≠	≠	نا برابر
≡	≡	≡	به طور یکسان
√	√	√	ریشه مربع (رادیکال)
∞	∞	∞	بی نهایت
∑	∑	∑	علامت جمع
∏	∏	∏	علامت محصول
∂	∂	∂	دیفرانسیل جزئی
∫	∫	∫	انتگرال
∀	∀	∀	برای همه (فقط در صورت پررنگ قابل مشاهده است)
∃	∃	∃	وجود داشته باشد
∅	∅	∅	مجموعه تهی
Ø	Ø	Ø	قطر
∈	∈	∈	متعلق است
∉	∉	∉	تعلق نداشتن
∋	∋	∗	شامل
⊂	⊂	⊂	یک زیر مجموعه است
⊃	⊃	⊃	یک سوپر مجموعه است
⊄	⊄	⊄	زیر مجموعه نیست
⊆	⊆	⊆	زیر مجموعه ای از هر دو است
⊇	⊇	⊇	ابر مجموعه یا برابر است
⊕	⊕	⊕	به علاوه در یک دایره
⊗	⊗	⊗	علامت ضرب در دایره
⊥	⊥	⊥	عمود بر
∠	∠	∠	گوشه
∧	∧	∧	منطقی و
∨	∨	∨	منطقی OR
∩	∩	∩	تقاطع
∪	∪	∪	اتحاد. اتصال
علائم ارز
€	€	€	یورو
¢	¢	¢	سنت
£	£	£	پوند
¤	¤t;	¤	علامت ارز
¥	¥	¥	علامت ین و یوان
ƒ	ƒ	ƒ	علامت فلورین
نشانگرها
	.		نشانگر ساده
○		○	دایره
·	·	·	نقطه وسط
†		†	صلیب
‡		‡	صلیب دوبل
♠	♠	♠	قله ها
♣	♣	♣	باشگاه ها
			قلبها
♦	♦	♦	الماس
◊	◊	◊	لوزی
✏		✏	مداد
✎		✎	مداد
✐		✐	مداد
✍		✍	بازو
نقل قول ها
"	"	"	نقل قول دوگانه
&	&	&	آمپرسند
«	«	«	علامت نقل قول تایپوگرافی سمت چپ (نقل نقل قول استخوان شاه ماهی)
»	»	»	علامت نقل قول تایپوگرافی سمت راست (نقل نقل قول استخوان شاه ماهی)
‹		‹	باز کردن نقل قول تک زاویه
›		›	بسته شدن نقل قول تک زاویه
′	′	′	سکته مغزی (دقیقه، پا)
″	″	″	دو ضرب (ثانیه، اینچ)
‘	‘	‘	نقل قول تک بالا سمت چپ
’	’	’	بالا سمت راست تک نقل قول
‚	‚	‚	راست پایین نقل قول تک
“	“	“	نقل قول-پای چپ
”	”	”	گیومه-پای راست بالا
„	„	„	گیومه-پای راست پایین
❛		❛	باز کردن گیومه تک انگلیسی
❜		❜	بسته شدن گیومه تک انگلیسی
❝		❝	دوبله باز کردن گیومه انگلیسی
❞		❞	بسته شدن دو گیومه انگلیسی
فلش ها
←	←	←	فلش سمت چپ
			فلش بالا
→	→	→	فلش راست
↓	↓	↓	فلش به پایین
↔	↔	↔	فلش چپ و راست
↕		↕	فلش بالا و پایین
↵	↵	↵	برگشت محموله
⇐	⇐	⇐	دو فلش سمت چپ
⇑	⇑	⇑	فلش دوبرابر
⇒	⇒	⇒	دو فلش سمت راست
⇓	⇓	⇓	فلش دو برابر رو به پایین
⇔	⇔	⇔	دو فلش چپ و راست
⇕		⇕	فلش دوتایی بالا و پایین
▲		▲	مثلثی فلش رو به بالا
▼		▼	فلش پایین مثلثی
			فلش سمت راست مثلثی
◄		◄	فلش سمت چپ مثلثی
ستاره ها، دانه های برف
☃		☃	آدم برفی
❄		❄	دانه برف
❅		❅	دانه‌های برفی که توسط شبدرها نیشگون گرفته شده است
❆		❆	دانه برف چاق با زاویه تیز
★		★	ستاره سایه دار
☆		☆	ستاره بی سایه
✪		✪	ستاره پر نشده در یک دایره پر
✫		✫	ستاره پر شده با دایره پر نشده در داخل
✯		✯	ستاره چرخان
⚝		⚝	ستاره سفید کشیده شده
⚪		⚪	دایره پر نشده وسط
⚫		⚫	دایره پر شده متوسط
⚹		⚹	سکستیل (نوع دانه برف)
✵		✵	ستاره چرخان هشت پر
❉		❉	ستاره با انتهای کروی
❋		❋	ستاره پروانه ای به شکل قطره هشت پر
✺		✺	ستاره هگزادسیمال
✹		✹	ستاره پر دوازده پر
✸		✸	ستاره سایه دار مستطیل هشت پر پررنگ
✶		✶	ستاره پر شش پر
✷		✷	ستاره سایه دار مستطیل هشت پر
✴		✴	ستاره سایه دار هشت پر
✳		✳	ستاره هشت پر
✲		✲	یک ستاره با مرکز خالی
✱		✱	ستاره چاق
✧		✧	ستاره چهار پر بدون سایه
✦		✦	ستاره سایه دار چهار پر
⍟		⍟	ستاره در یک دایره
⊛		⊛	دانه برف در یک دایره
ساعت، زمان
⏰		⏰	ساعت
⌚		⌚	ساعت
⌛		⌛	ساعت شنی
⏳		⏳	ساعت شنی

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

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

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