مركز المعرفة والمفاهيم
ترميز وفك ترميز محارف وكيانات HTML الخاصة
ترميز وفك ترميز محارف وكيانات HTML الخاصة
تعمل هذه الأداة محلياً بالكامل داخل المتصفح (Client-Side). لا يتم إرسال أكوادك أو بياناتك الحساسة إلى أي خادم خارجي.
البنية الأساسية والصيغة الرياضية
Reserved Character ➔ Ampersand (&) + Entity Name or Number + Semicolon (;)
For example, the less than sign `<` is reserved for opening HTML tags. To display it as visible text, it must be encoded as the entity `<`.
أفضل الممارسات والإرشادات الأساسية
- Always Encode User Input: Failing to encode HTML characters in user submitted data (like blog comments) allows hackers to inject malicious `<script>` tags, causing catastrophic Cross Site Scripting (XSS) attacks.
- Use Named Entities for Readability: When writing raw HTML, use named entities (like `©`) instead of numeric entities (like `©`) so other developers can easily understand the code.
- Decode Before Database Storage: Generally, you should store raw, unencoded strings in your database, and only apply HTML entity encoding at the exact moment the data is rendered onto the frontend view.
الأسئلة الشائعة (FAQ)
Why did my text disappear when I typed an angle bracket?
If you type `<script>` directly into an HTML document without encoding it, the browser's parser assumes it is an actual programmatic tag, hiding it from the visible text flow.
What is the difference between URI encoding and HTML encoding?
URI encoding (using `%20`) is used to make strings safe for URLs. HTML encoding (using `&`) is used to make strings safe to render inside an HTML DOM node.
Does React automatically encode entities?
Yes. Modern frameworks like React and Vue automatically sanitize and escape variables rendered in JSX/templates to prevent XSS, unless you explicitly force raw rendering (e.g., `dangerouslySetInnerHTML`).