أربعة عناصر دلالية مهمة:
• <q>: اقتباس قصير مضمّن في النص. المتصفح يضيف علامات اقتباس تلقائياً. يدعم صفة cite لرابط المصدر.
• <blockquote>: اقتباس طويل في كتلة منفصلة. يستخدم للاقتباسات الكاملة من كتب أو مقالات. يدعم صفة cite.
• <abbr>: اختصار أو أكرونيم. صفة title توضح الكلمات الكاملة — تظهر عند التحويم. مهم للوصولية والـ SEO.
• <address>: معلومات التواصل والعنوان. لا تستخدمه للعناوين البريدية العامة — فقط لمعلومات تواصل صاحب الصفحة أو المقالة.
| 1 | <!-- اقتباس قصير --> |
| 2 | <p>قال أينشتاين: <q cite="source.html">الخيال أهم من المعرفة</q></p> |
| 3 | |
| 4 | <!-- اقتباس طويل --> |
| 5 | <blockquote cite="https://example.com/source"> |
| 6 | <p>العقل في الإنسان كالبوصلة في السفينة، |
| 7 | يوجهه نحو الصواب متى أُحسن استخدامه.</p> |
| 8 | <footer>— ابن رشد</footer> |
| 9 | </blockquote> |
| 10 | |
| 11 | <!-- اختصار --> |
| 12 | <p>نحن نستخدم <abbr title="Artificial Intelligence">AI</abbr> في تطبيقنا.</p> |
| 13 | |
| 14 | <!-- عنوان التواصل --> |
| 15 | <address> |
| 16 | تواصل مع المؤلف: <a href="mailto:info@nouvil.com">info@nouvil.com</a> |
| 17 | </address> |
مثال 1: مقال مع اقتباسات
| 1 | <article> |
| 2 | <h1>أهمية تعلم البرمجة</h1> |
| 3 | |
| 4 | <p> |
| 5 | كما قال بيل غيتس: |
| 6 | <q>"البرمجة تعلّمك كيف تفكر."</q> |
| 7 | </p> |
| 8 | |
| 9 | <blockquote cite="https://example.com"> |
| 10 | <p> |
| 11 | في عالم اليوم، أصبح إتقان البرمجة مثل إتقان القراءة والكتابة — |
| 12 | ليس خياراً بل ضرورة لكل شخص يريد المشاركة في الاقتصاد الرقمي. |
| 13 | </p> |
| 14 | <cite>— تقرير المنتدى الاقتصادي العالمي 2024</cite> |
| 15 | </blockquote> |
| 16 | |
| 17 | <p> |
| 18 | تعلم <abbr title="HyperText Markup Language">HTML</abbr> |
| 19 | و<abbr title="Cascading Style Sheets">CSS</abbr> |
| 20 | هو أول خطوة في الرحلة. |
| 21 | </p> |
| 22 | |
| 23 | <address> |
| 24 | للاستفسار: <a href="mailto:learn@nouvil.com">learn@nouvil.com</a> |
| 25 | </address> |
| 26 | </article> |