الإقتباسات في HTML

الإقتباسات في HTML

يا هلا والله بالشباب! اليوم بنتكلم عن كيف نضيف الإقتباسات في صفحات الـ HTML حقتنا. الموضوع بسيط ومهم عشان نعطي النص حقه ونفصله صح.

1. الإقتباسات الطويلة: <blockquote>

لما يكون عندك إقتباس طويل، يعني كم سطر كذا، الأفضل إنك تستخدم وسم

. المتصفح عادةً بيسوي له مسافة بادئة (indentation) عشان يبين إنه إقتباس.

تقدر تحط مصدر الإقتباس عن طريق خاصية cite، بس هذي للمتصفح أو محركات البحث عشان تفهم المصدر، ما راح تظهر للمستخدم مباشرة على الصفحة.

<blockquote cite="https://ar.wikipedia.org/wiki/%D8%A3%D8%A8%D9%88_%D8%A7%D9%84%D8%B7%D9%8A%D8%A8_%D8%A7%D9%84%D9%85%D8%AA%D9%86%D8%A8%D9%8A">
    <p>إذا رأيت نيوب الليث بارزةً فلا تظنن أن الليث يبتسمُ</p>
    <p>الخيل والليل والبيداء تعرفني والسيف والرمح والقرطاس والقلمُ</p>
</blockquote>

ملاحظة: وسم

مو عشان تسوي مسافة بادئة لأي نص! هو مخصص للإقتباسات فقط. استخدم CSS للمسافات البادئة العادية.

2. الإقتباسات القصيرة (المدمجة): <q>

لو عندك إقتباس قصير، سطر واحد أو كم كلمة، الأفضل تستخدم وسم . المتصفح بشكل تلقائي بيضيف علامات تنصيص (quotation marks) حول النص اللي بداخله.

نفس الشيء، تقدر تستخدم خاصية cite عشان تحدد المصدر.

<p>المتنبي قال مرة: <q cite="https://ar.wikipedia.org/wiki/%D8%A3%D8%A8%D9%88_%D8%A7%D9%84%D9%85%D8%AA%D9%86%D8%A8%D9%8A">إذا رأيت نيوب الليث بارزةً فلا تظنن أن الليث يبتسمُ</q> وهذا يبين حكمته.</p>

3. مصدر العمل (العنوان): <cite>

لما تبغى تحدد عنوان عمل فني، كتاب، أغنية، أو أي مصدر للإقتباس، تستخدم وسم . المتصفح عادةً بيعرض النص اللي داخله بخط مائل (italic).

<p>المقولة الشهيرة من كتاب <cite>كليلة ودمنة</cite> تقول: <q>إذا بلغتَ الغايةَ فاجعلها بدايةً لغايةٍ أخرى.</q></p>

<p>أحد أجمل قصائد المتنبي هي قصيدة <cite>واحر قلباه ممن قلبه شبم</cite>.</p>

نصيحة سريعة: استخدم

للإقتباسات اللي تحتاج فقرة كاملة أو أكثر، و للإقتباسات اللي تجي داخل سطر نص عادي. أما فهو لتحديد مصدر الإقتباس أو عنوان العمل نفسه.

وبس والله، هذي هي أبرز الوسوم اللي تحتاجها عشان تتعامل مع الإقتباسات صح في HTML. بسيطة وواضحة، صح؟ يلا طبقوها!