كيانات HTML هي أكواد خاصة تمثل أحرفًا قد يتم تفسيرها خلاف ذلك كعلامات ترميز، أو أحرف يصعب كتابتها. تبدأ بـ & وتنتهي بـ ;.
أربعة أحرف لها معنى خاص في HTML ويجب كتابتها كيانات عندما تقصد معناها الحرفي:
< → < (less-than — otherwise starts a tag)
> → > (greater-than)
& → & (ampersand — otherwise starts an entity)
" → " (inside attribute values)
<!-- ❌ the browser tries to parse <div> as a tag -->
<p>Use the <div> element</p>
<!-- ✅ shows the literal text "Use the <div> element" -->
<p>Use the <div> element</p>
هذا يشكل أيضًا أساس حماية XSS: عندما تعرض نصًا من إنشاء المستخدم، هروب الأحرف <، >، & يمنع المتصفح من تنفيذ وسوم <script> المحقونة. أطر العمل (React، Vue) تهرب بشكل افتراضي لهذا السبب.
non-breaking space (keeps words together, no line break)
© © ® ® ™ ™
— — – – … …
× × ÷ ÷
© © by decimal code © © by hex code
<meta charset="UTF-8" />
<p>© 2024 — café résumé 日本語</p> <!-- with UTF-8 you can type these directly -->
مع مجموعة أحرف UTF-8 يمكنك كتابة معظم الرموز والأحرف ذات اللهجات حرفيًا؛ الكيانات مطلوبة بعد ذلك بشكل أساسي للأحرف المحجوزة في الترميز (<، >، &، ") و .
الكيانات تتيح لك عرض الأحرف المحجوزة كنص وهي مركزية لمنع XSS عند تصيير المحتوى غير الموثوق.
مع UTF-8 نادرًا ما تحتاج إليها للرموز، لكن هروب <، >، & بشكل صحيح ضروري كلما كان النص الخام قد يتم الخلط بينه وبين الترميز.