Learn HTML In Arabic 2021 - #19 - Semantic Elements

About this video

**ملخص النص باللغة العربية:** 1. **الموضوع الأساسي:** الحديث عن العناصر المنطقية الجديدة في لغة HTML5، والتي تحل محل استخدام `` التقليدي. 2. **مشكلة استخدام ``:** - الاعتماد على `` مع الكلاسات يؤدي إلى كود معقد وغير منظم. - صعوبة فهم البنية عند وجود عدد كبير من العناصر المتداخلة. 3. **العناصر الجديدة في HTML5:** - **``:** يمثل عنصر الهيدر الخاص بالموقع بدلاً من ``. - **``:** يستخدم للنافيجيشن بار (شريط التنقل) بدلاً من ``. - **``:** يمثل أقسام الصفحة الرئيسية بدلاً من استخدام `` بشكل متكرر. - **``:** يعبر عن السايد بار (الشريط الجانبي) بدلاً من كميات كبيرة من ``. - **``:** يُستخدم لكل مقال أو محتوى مستقل داخل الصفحة. - **``:** يمثل الفوتر الخاص بالموقع بدون الحاجة إلى إضافة كلاسات إضافية. 4. **فوائد العناصر الجديدة:** - تحسين المنطقية والتنظيم في بناء الصفحات. - سهولة قراءة الكود وفهم الغرض من كل عنصر. - التخلي عن استخدام كميات كبيرة من الكلاسات التي كانت تسبب تعقيدًا. 5. **التوضيح العملي:** - تم شرح كيفية استبدال العناصر القديمة بالعناصر الجديدة مثل: - `` بدلاً من ``. - `` بدلاً من ``. - `` بدلاً من السايد بار المكون من عدة ``. 6. **العناصر كـ Block Elements:** - جميع العناصر الجديدة تعتبر "Block Elements"، مما يعني أن أي محتوى يتم وضعه فيها سيظهر بشكل طبيعي تحت بعضه البعض. 7. **رسالة المؤلف:** - يؤكد المؤلف أن هذه العناصر ليست معقدة بل هي مشابهة تمامًا لاستخدام `` ولكن بأسماء أكثر تعبيرًا. - يدعو إلى الاستفادة من هذه العناصر لتبسيط الكود وجعله أكثر احترافية. 8. **ختام الحديث:** - يأمل المؤلف أن يكون الشرح واضحًا ومفيدًا، ويعد بمزيد من الدروس حول الموضوعات الأخرى. **الخلاصة:** HTML5 قدم عناصر جديدة منطقية مثل ``, ``, ``, ``, ``, و`` لتحل محل استخدام `` بكثرة، مما يجعل الكود أكثر تنظيمًا وسهولة في الفهم والقراءة.

Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.