نحوه رمزگذاری موجودیت های رایگان HTML آنلاین (راهنمای 2026)
<div>سلام</div> این را در یک پست وبلاگ قرار دهید و مشکل را خواهید دید: مرورگر<div> < را به عنوان یک تگ HTML واقعی در نظر میگیرد، به جای اینکه آن را به عنوان متن نمایش دهد. راه حل، کدگذاری HTML است - تبدیل کاراکترهای خاص به موجودیتهایی مانند < که مرورگرها به معنای واقعی کلمه نمایش میدهند. وبلاگنویسان، کاربران CMS، سازندگان قالب ایمیل و توسعهدهندگان همیشه به آن نیاز دارند. این راهنما به شما نشان میدهد که چگونه از ابزار رایگان ما استفاده کنید. کدگذار HTML نحوه رمزگذاری و رمزگشایی موجودیتهای HTML از ، یک جدول مرجع مفید ارائه میدهد و محدودیتهای امنیتی صادقانه رمزگذاری را توضیح میدهد.
موجودیتهای HTML چه هستند؟
یک موجودیت HTML یک دنباله متنی است که یک کاراکتر را نشان میدهد، که به صورت &name; (نام) یا &#number; (شماره) نوشته میشود. وقتی مرورگر < را در منبع صفحه میبیند، به جای شروع تگ، کاراکتر < واقعی را رندر میکند. پنج کاراکتری که بیشترین اهمیت را دارند عبارتند از: < → < (کوچکتر - در غیر این صورت یک برچسب را شروع میکند)؛ > → > (بزرگتر - در غیر این صورت یک برچسب را پایان میدهد)؛ & → & (& - در غیر این صورت یک موجودیت را شروع میکند)؛ " → " (دابل کوتیشن - در غیر این صورت یک مقدار ویژگی را پایان میدهد)؛ ' → ' (تک کوتیشن - همان اهمیت ویژگیهای تک کوتیشن). ابتدا علامت علامت را رمزگذاری کنید (یا به ابزار اجازه دهید پیکربندی را انجام دهد) - در غیر این صورت موجودیت هایی را که ایجاد کرده اید دوبار رمزگذاری می کنید.
مرحله 1: باز کردن HTML Encoder
مال ما در هر مرورگری کدگذار HTML باز است. بدون نیاز به ثبت نام، بدون نیاز به نصب. بخش ورودی، دکمههای رمزگذاری/رمزگشایی و بخش خروجی را خواهید دید.
مرحله 2: کد یا متن خود را رمزگذاری کنید
قطعه کدی را که میخواهید نمایش دهید، جایگذاری کنید - برای مثال:<p class="note"> تام و جری</p> . روی رمزگذاری کلیک کنید. موجودیت خروجی نسخه کدگذاری شده را نمایش میدهد، که میتوان آن را در هر صفحه HTML، ویرایشگر وبلاگ یا CMS که HTML خام را میپذیرد جایگذاری کرد. نتیجه را از دکمه کپی کپی کنید. وقتی صفحهای را با یک قطعه کدگذاری شده مشاهده میکنید، بازدیدکنندگان بهجای اینکه مرورگر سعی در ارائه آن داشته باشد، کد را دقیقاً همانطور که نوشتهاید - برچسبها، نقل قولها و همه چیز - میبینند.
مرحله 3: موجودیت ها را به کاراکترها رمزگشایی کنید
متن رمزگذاری شده با موجودیت (مانند متن کپی شده از نمای منبع یک صفحه) را جایگذاری کنید. روی رمزگشایی کلیک کنید. کاراکترهای اصلی بازیابی میشوند. رمزگشایی زمانی مفید است که محتوای رمزگذاری شده را به ارث بردهاید - از یک خروجی پایگاه داده، یک CMS قدیمی یا HTML کپی شده - و میخواهید نسخه اصلی و تمیز را برگردانید.
چه زمانی به کدگذاری HTML نیاز دارید؟
- قطعات کد در مقالات: آموزشهایی که HTML یا حتی متنی حاوی <> و را نشان میدهند، بدون کدگذاری، breakها را نمایش میدهند.
- CMS و محتوای وبلاگ: قرار دادن کد در ویرایشگرهای سبک وردپرس یا نشانهگذاری سایتهای استاتیک اغلب برای جلوگیری از رندر شدن، به موجودیتهای رمزگذاریشده نیاز دارد.
- قالب های ایمیل: ایمیلهای HTML با نمونههای کد تحتاللفظی یا کاراکترهای خاص، نیازمند نمایش یکسان موجودیتها در تمام کلاینتهای ایمیل هستند.
- نمایش ورودی کاربر: نمایش متن تایپ شده توسط کاربر (نظرات، پیشنمایش فرمها) بدون کدگذاری آنها، <script> آنها را به اسکریپت صفحه شما تبدیل میکند — یک راهاندازی کلاسیک XSS ذخیرهشده.
- مقادیر ویژگی: نقل قولها باید درون مقادیر ویژگی کدگذاری شوند، در غیر این صورت ویژگی (و احتمالاً نشانهگذاری) از بین میرود.
جدول مرجع سریع موجودیت
< — < · > — > · & — & · " — " · ' — ' · — فاصله غیرشکستنی · © — © · ® — ® · ™ — ™ · – — – · — — — · … — … · € — € · £ — £ · ° — °. موجودیتهای نامگذاریشده موارد رایج را پوشش میدهند؛ موجودیتهای عددی (برای مثال، < برای <) میتوانند نمایانگر هر کاراکتر یونیکد باشند.
عکس امنیتی صادقانه
محتوای کاربر کدگذاری HTML قبل از نمایش آن یک دفاع واقعی و مهم در برابر اسکریپت بین سایتی (XSS) است - به طوری که نظرات به جای تبدیل شدن به کد اجرایی، به عنوان نظر باقی می مانند. اما مرزها را صاف نگه دارید: رمزگذاری به زمینه بستگی دارد. رمزگذاری HTML از متن قرار داده شده در محتوای بدنه HTML محافظت میکند. این رمزگذاری همان رشته را درون بلوک <script>، زمینه CSS یا URL ایمن نمیکند — هر زمینه به رمزگذاری خودش نیاز دارد (برای URLها کدگذار و رمزگشای URL، برای مثال). رمزگذاری یک لایه است، نه یک استراتژی کامل. برنامههای جدی نیاز به رمزگذاری خروجی، اعتبارسنجی ورودی، هدرهای سیاست امنیت محتوا (ما) دارند. بررسی سربرگ های امنیتی (به مراجعه کنید)، و با قابلیت auto-escaping ارائه شده توسط چارچوب ترکیب کنید. رمزگذاری ≠ رمزگذاری یا پنهانسازی. نهادها را میتوان به راحتی معکوس کرد - از آنها برای پنهان کردن اسرار استفاده نکنید.
اشتباهاتی که باید اجتناب کرد
- کدگذاری دوگانه: رمزگذاری مجدد < باعث ایجاد &lt; میشود که به معنای واقعی کلمه به جای "<" به صورت "<" ظاهر میشود. اگر نام موجودیتها به صورت متن در صفحه شما ظاهر شوند، چیزی دو بار رمزگذاری شده است.
- کدگذاری علامت & در انتها: همیشه & را اول رمزگذاری کنید (ابزارها این کار را به صورت خودکار انجام میدهند)؛ انجام این کار در انتها باعث میشود موجودیتهایی که تازه ایجاد کردهاید، از کار بیفتند.
- حذف نقل قول در صفات: < و > تمام توجه را به خود جلب میکنند، اما نقل قول کدگذاری نشده درون مقدار ویژگی چیزی است که نشانهگذاری را خراب میکند - و تزریق را ممکن میسازد.
سوالات متداول
آیا HTML Encoder خصوصی است؟
بله - رمزگذاری و رمزگشایی به طور کامل در مرورگر شما انجام می شود. چیزی که می چسبانید جایی آپلود نمی شود.
تفاوت بین موجودیتهای اسمی و عددی چیست؟
موجودیتهای اسمی (<) یادآورهای قابل خواندن توسط انسان برای کاراکترهای رایج هستند؛ موجودیتهای عددی (< یا <) کاراکترها را با استفاده از کد یونیکد آدرسدهی میکنند و میتوانند هر چیزی را نشان دهند. مرورگرها با آنها به طور یکسان رفتار میکنند.
اگر چارچوب من به طور خودکار فرار کند، آیا هنوز به رمزگذاری نیاز دارم؟
چارچوبهای مدرن (قالبهای React، Vue، Django) بهطور پیشفرض در بیشتر زمینهها فرار میکنند – که عالی است. شما همچنان به رمزگذاری دستی برای نقاط درج HTML خام، الگوهای ایمیل، محتوای ثابت و هر جایی که فرار از چارچوب را دور میزنید، نیاز دارید.
آیا متن رمزگذاری شده میتواند حاوی ویروس یا هک باشد؟
متن رمزگذاری شده غیرفعال است - فقط کاراکتر است. خطر همیشه در نسخه رمزگذاری نشده وجود داشته است که با کد اشتباه گرفته شود. رمزگذاری دقیقاً از این امر جلوگیری میکند.
همین حالا امتحان کنید: رایگان کدگذار HTML · رایگان کدگذار و رمزگشای URL · رایگان کدگذار و رمزگشای Base64