في HTML ، أولاً تكتب الكلمات ثم تضيف عناصر أو علامات إليها ، والتي تظهر بعد ذلك على صفحتك. من خلال هذه الطريقة ، يتعرف المستعرض على عنوان الصفحة ، بداية الفقرة ونهايتها ، وهكذا.
في CSS ، يتم استخدام القواعد من خلال الاستفادة من خصائص CSS. يتم تصنيف خصائص CSS عمومًا إلى فئتين رئيسيتين. الأول هو العرض التقديمي الذي يحدد لون النص ، ونوع الخط ، وحجم الخط ، وألوان الخلفية ، وصور الخلفية ، إلخ. ثانيًا ، يحدد التخطيط موضع العناصر المختلفة على الشاشة.
باستخدام كل من HTML و CSS ، يتم إجراء واجهة صفحة ويب كاملة.
رسم بياني للمقارنة
| أساس للمقارنة | HTML | CSS |
|---|---|---|
| الأساسية | يملي محتوى وهيكل صفحات الويب. | يعدل تصميم وعرض عناصر HTML. |
| ملاءمة | يمكن استخدام CSS في ملفات HTML. | لا يمكن استخدام HTML في أوراق أنماط CSS. |
| يتألف من | العلامات المحيطة المحتوى. | المحولات نجحت من قبل كتلة الإعلان. |
| طرق الاستخدام | لا توجد طرق محددة. | رمز CSS المضمن ، ورقة الأنماط الداخلية والخارجية يمكن استخدام أي طريقة لتنفيذ الشفرة. |
تعريف HTML
HTML عبارة عن لغة ترميز لتعريف مستندات الويب (صفحات الويب). يوسع HTML إلى لغة Hyper Text Markup ، ويضيف " علامات الترميز " إلى نص الإنجليزية القياسي. يشير " النص التشعبي" إلى الروابط - Hyper links - التي تربط صفحات الويب ببعضها البعض.
لغة الترميز هي مجموعة من علامات التمييز التي تحدد بنية الصفحة. كل علامة HTML تصف محتوى مستند مختلف. HTML هي لغة متنامية تتغير كثيرًا ، ويتم جلب مجموعة من المعايير والمواصفات المعدلة تسمح بإنشاء أبسط لمواقع جذابة وأكثر وظيفية.
HTML ليست حساسة لحالة الأحرف.
مثال:
- تعتبر علامات HTML عبارة عن كلمات رئيسية (أسماء علامات تمييز) محاطة بأقواس معقوفة وتأتي عادةً في شكل أزواج.
يحتوى
- يصف عنصر HTML قسمًا محددًا على صفحة الويب.
- المحتوى هو النصوص أو الروابط أو الصور أو غيرها من المعلومات المعروضة على صفحة الويب الخاصة بك.
- علامة البدء هي عنصر HTML يستخدم للإشارة إلى بداية العنصر.
- تغلق علامة النهاية عنصر HTML للتمييز بين العناصر الفردية.
تعريف CSS
CSS هو اختصار لـ Cascading Style Sheets التي يسمح لك بإنشاء القواعد التي تحدد تمثيل عناصر HTML على الشاشة. إنها إضافة إلى HTML الأساسي الذي يتيح تصفيف صفحات الويب الخاصة بك.
يوفر CSS الكثير من العمل من خلال التحكم في تنسيق صفحات الويب المتعددة في وقت واحد. يمكن تنفيذ أنماط CSS بثلاث طرق مميزة لموقعك على الويب: أوراق الأنماط الداخلية والخارجية .
مثال:
- تستقر إعلانات CSS داخل أقواس متعرجة ، وتتكون كل منها من جزئين: الخاصية وقيمتها ، مفصولة بنقطتين. يمكنك تعريف العديد من الخصائص في تصريح واحد ، كل منها مفصولة بفاصلة منقوطة.
- تشير المحددات الى عنصر HTML الذي تريد اعداده.
- يتضمن الإعلان خاصية وقيمة مفصولة بنقطتين. بالإضافة إلى ذلك ، تُعرف الأقواس المتعرجة التي تحتوي على كافة التعريفات باسم كتلة الإعلان .
- تشير الخصائص إلى جوانب العناصر التي تريد تغييرها.
- تحدد القيم الإعدادات التي تريد تطبيقها في الخصائص المختارة.
الاختلافات الرئيسية بين HTML و CSS
- HTML هي لغة الترميز الأساسية التي تصف محتوى وهيكل صفحات الويب. من ناحية أخرى ، CSS هي امتداد HTML الذي يعدل تصميم وعرض صفحات الويب.
- يمكن أن يحتوي ملف HTML على التعليمات البرمجية لـ CSS بينما لا تحتوي أوراق أنماط CSS أبداً على تعليمات HTML البرمجية.
- يتكون HTML من العلامات المحيطة بالمحتوى. بينما تتألف CSS من محددات تنجح كتلة التصريح .
مزايا HTML
- بسيطة لاستخدام ولها بناء الجملة فضفاضة (على الرغم من أن المرونة للغاية لن تلتزم بالمعايير).
- على نطاق واسع ، أنشئت على كل موقع تقريبا ويدعمها كل متصفح.
- متناظرة مع صيغة XML ، والتي تستخدم إلى حد متزايد لتخزين البيانات.
- إنه مجاني كما لا تحتاج إلى شراء أي برنامج.
- من السهل تعلم ورمز حتى للمبتدئين.
مزايا CSS
- يقوم CSS بحفظ وقتك عن طريق كتابة CSS مرة واحدة وإعادة استخدام نفس الورقة في عدة صفحات.
- تستهلك الصفحات وقتًا أقل للتحميل نظرًا لتخفيض الشفرة.
- من السهل الحفاظ على التغييرات العالمية سهلة الاستخدام.
- يحتوي CSS على أنماط أفضل على HTML ومجموعة كبيرة من السمات.
- توفير التوافق الجهاز متعددة.
- يتم الآن استبعاد سمات HTML ، ويُنصح باستخدام CSS في جميع صفحات HTML لجعلها متوافقة مع المتصفحات المستقبلية.
- يدعم التصفح دون اتصال بمساعدة ذاكرة التخزين المؤقت غير المتصلة.
- يمنح البرنامج النصي استقلالًا ثابتًا للنظام الأساسي ويمكنه دعم أحدث المتصفحات أيضًا.
مساوئ HTML
- كما أنها لغة ثابتة ، لا يمكن إنشاء إخراج ديناميكي.
- يقدم ميزات أمنية محدودة.
مساوئ CSS
Fragmentation - CSS يعرض أبعادًا مختلفة مع كل متصفح. يجب على المبرمجين أن يفحصوا ويختبروا كل الشفرات عبر متصفحات متعددة قبل أن يأخذوا أي موقع ويب ، أو تطبيق جوّال على الهواء مباشرة حتى لا تنشأ مشكلات توافقية.
استنتاج:
يتم استخدام كل من HTML و CSS كلا من لغات برمجة تطبيقات الويب من جانب العميل لإنشاء صفحات الويب. على الرغم من اختلافها بطرق عديدة مثل البنية التركيبية ، وطرق التنفيذ ، وسهولة الاستخدام ، وميزات مثل السمات التي تدعمها اللغة. ومع ذلك ، تحل CSS محل HTML لأنها توفر المزيد من الميزات والمرونة.
