آموزش برنامه نویسی و مهارتهای وب
شنبه ۲۰ خرداد ۱۴۰۲
Saturday, June 10, 2023 GMT +3:30
Saturday, June 10, 2023 GMT +3:30
دسته بندی
نحوه درج علامت های خاص در HTML
شاید تا به حال پیش آمده باشد که بخواهید حرف یا کاراکتر خاصی را در صفحات وب و کدهای HTML درج کنید ولی با وجود جستجو و دقت در صفحه کلید یا آزمون و خطای ترکیب کلید های مختلف، به نتیجه مورد نظر نرسیده باشید، به طور مثال علائمی مانند ©، ®، ♥، ♦، ← و... معمولا به صورت عادی در صفحه کلید دیده نمی شوند و برای درج آنها باید از ترفندهایی که در ادامه خواهیم دید استفاده نمائیم، البته این ترفندها نیز خود متکی بر ترکیب کلیدهای مختلف یا بر اساس کدهای عددی و حروفی استاندارد هستند که در ادامه با آنها بیشتر آشنا خواهیم شد.
استاندارد مرورگرهای وب
قبل از ادامه آموزش بد نیست اشاره ای داشته باشیم به استانداردهای پشتیبانی شده توسط مرورگر های وب، توضیح اینکه مرورگرها برای نمایش حروف، اعداد و علائم به شکل درست، از استانداردهای تعریف شده ای پیروی می کنند که توسط نهادهای پژوهشی و بین المللی (کنسرسیوم استاندارد کاراکترها یا Unicode Consortium) ایجاد شده اند، به طور مثال در ابتدای پیدایش وب، مرورگر ها تنها از استاندارد ISO-8859-1 که شامل حروف و اعداد انگلیسی و برخی علائم بود، استفاده می کردند (که به آن ASCII گفته می شود، ASCII استاندارد پیش فرض وب است)، اما به تدریج به جهت فراوانی و نیاز سایر زبان ها، استانداردهای تعریف شده دیگری نیز توسط مرورگرها پشتیبانی شد، از جمله ISO-8859-6 برای زبان عربی، ISO-8859-7 برای زبان یونانی و...، اما کثرت زبان های دنیا متخصصان را به فکر ایجاد استانداردی فراگیرتر به نام UTF-8 یا (Unicode Transformation Format) انداخت تا اینکه با ایجاد آن الگویی فراگیر در حوزه وب شکل گرفت، البته نسخه های دیگری نیز از استاندارد ISO و UTF وجود دارد (به طور مثال UTF-16)، ولی پایه و اساس وب دو نسخه ISO-8859-1 یا همان ASCII و استاندارد UTF-8 هستند، اکنون در چارچوب این استانداردها است که می توانیم با ترکیب حروف، علائم و اعداد، کاراکترهای ویژه ای فراتر از تگ های معمولی HTML خلق کنیم که به طور عادی در صفحه کلید کامپیوترمان دیده نمی شوند.
جدول علامت های خاص و نحوه درج آنها
در جدول زیر علامت های خاص و نحوه درج آنها قید شده است، البته به دلیل گستردگی این کاراکترها، در اینجا تنها به مواردی که جزء استاندارد ASCII هستند، اشاره می کنیم.
| کاراکتر | معادل HTML - حروفی | معادل HTML - عددی | میانبر | توضیح |
|---|---|---|---|---|
| ‘ | ‘ | ‘ | Alt+0145 | نقل قول |
| ’ | ’ | ’ | Alt+0146 | - |
| ‚ | ‚ | ‚ | - | - |
| “ | “ | “ | Alt+0147 | - |
| ” | ” | ” | Alt+0148 | - |
| „ | „ | „ | - | - |
| † | † | † | Alt+0134 | خنجر |
| ‡ | ‡ | ‡ | Alt+0135 | خنجر مضاعف |
| … | … | - | چند نقطه | |
| ‰ | ‰ | ‰ | Alt+0137 | در هزار |
| ‹ | ‹ | ‹ | Alt+0139 | اشاره راست |
| › | › | › | Alt+0155 | اشاره چپ |
| ♠ | ♠ | ♠ | - | بیلچه |
| ♣ | ♣ | ♣ | - | کلوب |
| ♥ | ♥ | ♥ | - | قلب |
| ♦ | ♦ | ♦ | - | الماس |
| ‾ | ‾ | ‾ | - | خط |
| ← | ← | ← | - | فلش چپ |
| ↑ | ↑ | ↑ | - | فلش بالا |
| → | → | → | - | فلش راست |
| ↓ | ↓ | ↓ | - | فلش پائین |
| ™ | ™ | ™ | Alt+0153 | نماد تجاری |
| " | " | " | - | نقل قول |
| & | & | & | - | امپرسند |
| < | < | < | - | کوچکتر از |
| > | > | > | - | بزرگتر از |
| [ | [ | - | قلاب | |
| ] | ] | - | قلاب | |
| – | – | – | Alt+0150 | خط |
| — | — | — | Alt+0151 | خط مضاعف |
| |   | Alt+0160 | فضای خالی | |
| ¡ | ¡ | ¡ | Alt+0161 | تعجب برعکس |
| ¢ | ¢ | ¢ | Alt+0162 | سنت |
| £ | £ | £ | Alt+0163 | لیره |
| ¤ | ¤ | ¤ | Alt+0164 | پول رایج |
| ¥ | ¥ | ¥ | Alt+0165 | ین |
| ¦ | ¦ یا &brkbar; | ¦ | Alt+0166 | خط شکسته |
| § | § | § | Alt+0167 | علامت بخش |
| ¨ | ¨ یا ¨ | ¨ | Alt+0168 | ادغام |
| © | © | © | Alt+0169 | کپی رایت |
| ª | ª | ª | Alt+0170 | اعداد ترتیبی |
| « | « | « | Alt+0171 | گیومه چپ |
| ¬ | ¬ | ¬ | Alt+0172 | نماد هیچ |
| | ­ | ­ | Alt+0173 | فاصله |
| ® | ® | ® | Alt+0174 | ثبت تجاری |
| ¯ | ¯ یا &hibar; | ¯ | Alt+0175 | علامت صدای کشیده |
| ° | ° | ° | Alt+0176 | درجه |
| ± | ± | ± | Alt+0177 | جمع و تفریق |
| ² | ² | ² | Alt+0178 | بالانویس |
| ³ | ³ | ³ | Alt+0179 | بالانویس |
| ´ | ´ | ´ | Alt+0180 | صدای زیر |
| µ | µ | µ | Alt+0181 | علامت میکرو |
| ¶ | ¶ | ¶ | Alt+0182 | پاراگراف |
| · | · | · | Alt+0183 | نقطه |
| ¸ | ¸ | ¸ | Alt+0184 | صدای z برای حرف s |
| ¹ | ¹ | ¹ | Alt+0185 | بالانویس |
| º | º | º | Alt+0186 | اعداد ترتیبی |
| » | » | » | Alt+0187 | گیومه راست |
| ¼ | ¼ | ¼ | Alt+0188 | 1 بر روی 4 |
| ½ | ½ | ½ | Alt+0189 | 1 بر روی 2 |
| ¾ | ¾ | ¾ | Alt+0190 | 3 بر روی 4 |
| ¿ | ¿ | ¿ | Alt+0191 | علامت سوال برعکس |
| À | À | À | Alt+0192 | - |
| Á | Á | Á | Alt+0193 | - |
| Â | Â | Â | Alt+0194 | - |
| Ã | Ã | Ã | Alt+0195 | - |
| Ä | Ä | Ä | Alt+0196 | - |
| Å | Å | Å | Alt+0197 | - |
| Æ | Æ | Æ | Alt+0198 | - |
| Ç | Ç | Ç | Alt+0199 | - |
| È | È | È | Alt+0200 | - |
| É | É | É | Alt+0201 | - |
| Ê | Ê | Ê | Alt+0202 | - |
| Ë | Ë | Ë | Alt+0203 | - |
| Ì | Ì | Ì | Alt+0204 | - |
| Í | Í | Í | Alt+0205 | - |
| Î | Î | Î | Alt+0206 | - |
| Ï | Ï | Ï | Alt+0207 | - |
| Ð | Ð | Ð | Alt+0208 | - |
| Ñ | Ñ | Ñ | Alt+0209 | - |
| Ò | Ò | Ò | Alt+0210 | - |
| Ó | Ó | Ó | Alt+0211 | - |
| Ô | Ô | Ô | Alt+0212 | - |
| Õ | Õ | Õ | Alt+0213 | - |
| Ö | Ö | Ö | Alt+0214 | - |
| × | × | × | Alt+0215 | علامت ضرب |
| Ø | Ø | Ø | Alt+0216 | - |
| Ù | Ù | Ù | Alt+0217 | - |
| Ú | Ú | Ú | Alt+0218 | - |
| Û | Û | Û | Alt+0219 | - |
| Ü | Ü | Ü | Alt+0220 | - |
| Ý | Ý | Ý | Alt+0221 | - |
| Þ | Þ | Þ | Alt+0222 | - |
| ß | ß | ß | Alt+0223 | - |
| à | à | à | Alt+0224 | - |
| á | á | á | Alt+0225 | - |
| â | â | â | Alt+0226 | - |
| ã | ã | ã | Alt+0227 | - |
| ä | ä | ä | Alt+0228 | - |
| å | å | å | Alt+0229 | - |
| æ | æ | æ | Alt+0230 | - |
| ç | ç | ç | Alt+0231 | - |
| è | è | è | Alt+0232 | - |
| é | é | é | Alt+0233 | - |
| ê | ê | ê | Alt+0234 | - |
| ë | ë | ë | Alt+0235 | - |
| ì | ì | ì | Alt+0236 | - |
| í | í | í | Alt+0237 | - |
| î | î | î | Alt+0238 | - |
| ï | ï | ï | Alt+0239 | - |
| ð | ð | ð | Alt+0240 | - |
| ñ | ñ | ñ | Alt+0241 | - |
| ò | ò | ò | Alt+0242 | - |
| ó | ó | ó | Alt+0243 | - |
| ô | ô | ô | Alt+0244 | - |
| õ | õ | õ | Alt+0245 | - |
| ö | ö | ö | Alt+0246 | - |
| ÷ | ÷ | ÷ | Alt+0247 | علامت تقسیم |
| ø | ø | ø | Alt+0248 | - |
| ù | ù | ù | Alt+0249 | - |
| ú | ú | ú | Alt+0250 | - |
| û | û | û | Alt+0251 | - |
| ü | ü | ü | Alt+0252 | - |
| ý | ý | ý | Alt+0253 | - |
| þ | þ | þ | Alt+0254 | - |
| ÿ | ÿ | ÿ | Alt+0255 | - |
نکته 1: برخی از علائم با عبارات استاندارد متشکل از حروف و اعداد و برخی نیز به وسلیه میانبرهای صفحه کلید قابل درج هستند.
نکته 2: برای درج کاراکترها توسط میانبرهای صفحه کلید، کلید Alt را نگه داشته و سپس شماره متناظر را از قسمت شماره های سمت راست به ترتیب بزنید، دقت کنید که چراغ Num Lock روشن و فعال باشد.
نکته 3: همان طور که ملاحظه می کنید، معادل کاراکترهای خاص چه به صورت حروفی و چه به صورت عددی، با علامت & شروع شده و با علامت ; بسته می شوند.
نکته 2: برای درج کاراکترها توسط میانبرهای صفحه کلید، کلید Alt را نگه داشته و سپس شماره متناظر را از قسمت شماره های سمت راست به ترتیب بزنید، دقت کنید که چراغ Num Lock روشن و فعال باشد.
نکته 3: همان طور که ملاحظه می کنید، معادل کاراکترهای خاص چه به صورت حروفی و چه به صورت عددی، با علامت & شروع شده و با علامت ; بسته می شوند.
دسته بندی: آموزش کاربردی » HTML
برچسب ها: HTML
« بعدی
مطالب بیشتر:چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟
چرا و چگونه از DOCTYPE در HTML استفاده کنیم؟
نحوه متحرک ساختن متن با تگ marquee در HTML
پخش فایل صوتی (آهنگ، موسیقی پس زمینه) در سایت و وبلاگ
چگونه در وبلاگ و سایت، لینک دانلود قرار دهیم؟
دیدگاه
۲۶ دیدگاه برای این مطلب ارسال شده است. دیدگاه جدید بر اساس تاریخ ارسال در انتهای دیدگاه های موجود نمایش داده می شود.۱۴:۱۶ ۱۳۹۷/۰۷/۱۲
سلام دوستان عزیز من میخوام آیکن تماس با قابلیت شماره گیری مستقیم و آیکن ایمیل و شبکه های اجتماعی رو تو یه خط بیارم تو html و php چه کدی باید نوشته بشه؟
برای کنار هم قرار گرفتن افقی عناصر وب معمولا از خاصیت display با مقدار inline یا inline-block در استایل CSS استفاده می شود، باید در قسمت استایل CSS تگ های HTML خود این خاصیت را تعریف کنید.
اکبر
۱۸:۰۳ ۱۳۹۷/۰۸/۱۹
سلام. ببخشید اینجا می پرسم سایتو گشتم پیدا نکردم.
برای ضخیم کردن تگ hr چه کدی رو باید بهش بدیم.
برای ضخیم کردن تگ hr چه کدی رو باید بهش بدیم.
برای اعمال تغییرات سفارشی بر روی تگ hr می توانیم از استایل CSS استفاده کنیم، مثال:
<style>
.hr-1{
border: 0;
border-top: 5px solid #666;
}
.hr-2{
height: 4px;
}
</style>
<hr class="hr-1">
<hr class="hr-2">علی
۱۶:۴۶ ۱۳۹۸/۰۵/۲۷
سلام من میخوام تو صفحه html همچین طرحی رو بندازم میشه راهنماییم کنید (به صورت جداگانه یعنی هر کدوم توی یه صفحه)
***** *
**** **
*** ***
** ****
* *****
***** *
**** **
*** ***
** ****
* *****
در صورتی که فایل تصویر گرافیکی (با فرمت jpg، png و...) این اشکال را در اختیار داشته باشید می توانید با نرم افزارهای تبدیل تصویر به اشکال متنی (در وب جستجو کنید) این کار را انجام دهید در غیر اینصورت باید به صورت دستی کاراکترها را در سورس HTML مطالب یا صفحات سایت درج کنید.
سعید سلیمانی
۲۳:۳۳ ۱۳۹۸/۰۷/۲۹
سلام ممنون از آموزش جالبتون ولی بنده هم یه ترفند خیلی ساده دارم که میشه بدون یاد گرفتن این علائم هر سیمبولی را که دوست داشته باشیم در Html مشاهده کنیم فقط کافیه اون سیمبول مورد نظر را در برنامه آفیس ورد با استفاده از تب insert>symbol درج کرده و سپس کپی کنیم داخل کدهای اچ تی ام ال و با استفاده از تگ <pre> اون رو ثبت و در مرورگرها استفاده کنیم مثلا <pre>®</pre> به همین سادگی برای کلیه سیمبولها قابل استفاده است تست کردم. لطفا منتشر کنید شاید دوستان بخوان استفاده کنن
سپاس فراوان از به اشتراک گذاری.
فرید
۱۲:۱۹ ۱۳۹۸/۱۱/۰۷
درود بشما، میخواستم بدونم مثل کلمه @، کلمه ایی ساین هم داریم؟ با تشکر
برای نماد @ (At Sign) در HTML می توانید از معادل های زیر استفاده کنید:
@@مریم
۱۷:۴۵ ۱۴۰۰/۰۲/۱۲
سلام.
من با php یه API رو فراخوانی می کنم. و اطلاعات فارسی هستن. اما به صورت
خیلی توی اینترنت گشتم مواردی که گفتن به کارم نیومد.
این کد کامل هست.
من با php یه API رو فراخوانی می کنم. و اطلاعات فارسی هستن. اما به صورت
\u0627\u0633\u062a\u0627\u062f\u064aخیلی توی اینترنت گشتم مواردی که گفتن به کارم نیومد.
این کد کامل هست.
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => "https:/e",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_SSL_VERIFYHOST => false,
CURLOPT_SSL_VERIFYPEER => false,
CURLOPT_HTTPHEADER => array(
"cache-control: no-cache",
),
));
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
echo ($response);این شیوه کد شدن کاراکترها معمولا در نقل و انتقال داده های JSON مشاهده می شود، برای بازگردان به حالت عادی می توانیم از تابع json_decode به شکل نمونه زیر استفاده کنیم که کلمه "استادي" را در خروجی چاپ می کند:
<?php
header('Content-Type: text/html; charset="UTF-8"');
$str = '["\u0627\u0633\u062a\u0627\u062f\u064a"]';
$convert = json_decode($str, true);
//var_dump($convert);
echo $convert[0];
?>مریم
۲۲:۴۱ ۱۴۰۰/۰۲/۱۲
ممنونم خیلی عالی راهنمایی کردین.
این کد خیلی خوب بود
این کد خیلی خوب بود
$convert = json_decode($str, true);
echo $convert['x'];ابوالفضل
۰۰:۵۰ ۱۴۰۱/۰۱/۰۷
سلام استاد
یک فایل داریم که مدام اطلاعات جدیدی درونش به صورت زیر ذخیره میشود
یک فایل داریم که مدام اطلاعات جدیدی درونش به صورت زیر ذخیره میشود
16:24:10:516;Wr_5 => @03WD3001000052*[0D]
16:24:10:562;Rd_5 <= @03WD0050*[0D]@03WD0050*[0D]به نظر نمی رسد رمزنگاری خاصی صورت گرفته باشد، شبیه خروجی هیچ الگوریتم آشنایی نیست، بیشتر شبیه ذخیره سازی مقادیر عددی و تاریخ به صورت خطی و خلاصه است که برای استفاده های بعدی به پارامترهای کوچکتر تجزیه می شود، اگر رمزنگاری باشد احتمالا الگوریتم آن شخصی است و به نظر بدون داشتن رمز به راحتی قابل دیکد شدن نباشد.
Atefeh Hazratzad
۰۷:۳۰ ۱۴۰۱/۰۲/۰۲
سلام وقتتون بخير
وقتي كد هاي اسكي رو تايپ مي كنم، به جاي اون علامت خاص، يه علامت سوال كه داخل لوزي هست، بهم نشون ميده، شما مي دونيد مشكل كجاست؟!
وقتي كد هاي اسكي رو تايپ مي كنم، به جاي اون علامت خاص، يه علامت سوال كه داخل لوزي هست، بهم نشون ميده، شما مي دونيد مشكل كجاست؟!
در کل این موارد به بحث تنظیم صحیح یونیکد مربوط می شود اما ریشه مشکل می تواند دلایل مختلف و راه حل های متفاوتی داشته باشد، لطفا کد را داخل یک صفحه وب درج کنید تا امکان بررسی و ارائه راه حل وجود داشته باشد.
پارسا
۲۱:۵۴ ۱۴۰۱/۰۹/۲۱
ببخشید چطور سایز هاشون و اندازه هاشون رو بزرگ تر کنیم ؟
در ساده ترین حالت می توانیم علامت را در تگ span یا p قرار دهیم و با اختصاص صفت style و خاصیت font-size اندازه نمایشی کاراکتر را کم و زیاد کنیم:
<span style="font-size: 56px;">›</span>مرتضی حسین پور
۰۶:۴۵ ۱۴۰۲/۰۳/۰۴
سلام مثلا من میخوام عبارت زندگی در کوهستان را تگ بزنم چگونه باید این کار را بکنم
ظاهرا سوالتان مرتبط با موضوع این مطلب نیست، در چه برنامه یا سرویسی قصد تگ کردن عبارت را دارید؟ با درج کاراکتر # در ابتدای عبارت معمولا امکان تگ ایجاد می شود.
صفحه 2 از 2آخرین دیدگاه ها
برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.حسین
با سلام ببخشید این کدها تو وردپرس هم میشه استفاده کرد؟۱۴۰۲/۰۳/۱۹
پـــرتو
سلام خسته نباشید ببخشید این کد رو میشه برای وبلاگ بلاگفا استفاده کرد یا نه؟ اگر نمیشه میشه یه کد مثل این برای بلاگفا بدین؟...۱۴۰۲/۰۳/۱۹
پـــرتو
سلام جناب خسته نباشید شرمنده دوباره مزاحم میشم عه جناب شما می تونید برام یه کد آمارگیر تو همین سایت وبگذر درست کنید لطفا؟ ایمیلم...۱۴۰۲/۰۳/۱۹
پـــرتو
سلام اوکی ولی چرا من هر چی ایمیلمو میزنم ارور میده؟ بله درسته چون من چندوقته هر چی ایمیلمو میزنم ارور میده گفتم شاید باید...۱۴۰۲/۰۳/۱۶
پرتو
سلام جناب خسته نباشید شرمنده مزاحم میشم برای ساخت عضویت در سایت وبگذر باید چه ایمیلی داشته باشیم که ساخته بشه؟ منظورم جیمیله یا یاهو...۱۴۰۲/۰۳/۱۵
سینا
با سلام و خسته نباشید من یه متنی رو از یه سایت با file_get_contents می گیرم و توی سایت منتشر می کنم راهی...۱۴۰۲/۰۳/۰۷
مرتضی حسین پور
سلام مثلا من میخوام عبارت زندگی در کوهستان را تگ بزنم چگونه باید این کار را بکنم۱۴۰۲/۰۳/۰۴
ابوالفضل
سلام استاد بازم من اومدم با طرح یه سوال جدید من میخوام در یک جدول در دیتابیس یک مقدار که به 1 تغییر کرد...۱۴۰۲/۰۲/۳۰
احمد
سلام، در کدوم قسمت باید کد رو قرار بدیم؟ در قسمت سفارشی سازی css قرار میدم، ارور میده و قبول نمیکنه.۱۴۰۲/۰۲/۳۰
محمد
سلام من چطور prompt که از کاربر بگیرم به boolean تبدیل کنم۱۴۰۲/۰۲/۲۵
مزرجی
سلام وقت بخیر چجوری میشه فهمید خروجی هر لینک چیه؟ مثلا از کجا بفهمیم خروجی یک لینک، متن هست یا فیلم هست یا عکس...۱۴۰۲/۰۲/۲۱
علی
با سلام و عرض ادب می خواستم کار با پایگاه داده در جاوا رو یاد بگیرم (ورود اطلاعات در دیتابیس و آپدیت و حذف...۱۴۰۲/۰۱/۲۷
علی
با سلام و درود اگر همین کد رو مستقیم در یک فایل جاوا وارد کنیم چرا اجرا نمیشه؟ و اگر بخواهیم اجرا بشه...۱۴۰۲/۰۱/۲۵
پـــرتو
سلام ببخشید مزاحم میشم من ویندوزم رو تازه کردم ولی موقع نصب فتوشاپ موقعی که فتوشاپ نصب میشه خطای dll میاد که من دقیقا نمی...۱۴۰۲/۰۱/۲۴
در انتظار بررسی: ۰
پاسخگویی به سوالات ممکن است تا ۲۴ ساعت زمان ببرد.
پاسخگویی به سوالات ممکن است تا ۲۴ ساعت زمان ببرد.
محتوا در وبگو به صورت تألیفی تهیه می شود و دارای حق تألیف است، در صورت نیاز به کپی برداری لطفا ابتدا "شرایط استفاده" را مطالعه کنید.
خدمات و راه های ارتباطی ما صرفا تحت دامنه Webgoo.ir ارائه و اطلاع رسانی می شوند، صفحات یا عناوین مشابه مورد تائید نمی باشند.
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.