Learn HTML In Arabic 2021 - #21 - Layout With Semantic Elements

About this video

**ملخص النص باللغة العربية:** - الحديث يتناول استخدام عناصر HTML بطريقة منطقية تعبر عن محتواها، مثل ``, ``, ``, ``, ``, و``، بدلاً من الاعتماد على `` فقط. - العناصر الجديدة ليست بديلاً كاملاً عن ``، فهناك حالات قد تحتاج فيها إلى استخدام `` بشكل عادي. - يمكن إضافة `class` أو `id` للعناصر مثل `` و`` لتمييزها عند الحاجة، خاصة إذا كانت متكررة في الصفحة. - يجب تجنب التداخل المفرط لعناصر `` داخل بعضها البعض، لأن ذلك يجعل الشفرة معقدة وغير منظمة. - العنصر `` يستخدم مرة واحدة فقط في الصفحة ليكون القائمة الرئيسية للموقع، ولا يُنصح بتكراره. - العنصر `` يُستخدم لتقسيم المحتوى إلى أجزاء منطقية، ويمكن أن يحتوي بداخله على عناصر مثل `` و`` و``. - العنصر `` يُستخدم للجزء الجانبي (الشريط الجانبي) في الموقع، ويجب ألا يتكرر إلا إذا كان هناك حاجة لذلك. - العنصر `` يُستخدم لتضمين الصور والنصوص الوصفية المرتبطة بها (``) بطريقة منظمة ومنطقية دون الحاجة إلى ``. - الفكرة الأساسية هي جعل الشفرة أكثر تنظيمًا ومنطقية باستخدام العناصر المناسبة لكل جزء من المحتوى. - تم شرح كيفية بناء تصميم معقد باستخدام هذه العناصر دون الحاجة إلى التداخل المفرط لـ``، مما يسهل عملية التنسيق والتصميم. - الهدف هو تبسيط هيكل الصفحة وتقليل التعقيدات، مثل الترتيب الشجري العميق الذي قد يصل إلى 10 أو 11 مستويات. ختامًا، تم التركيز على أهمية استخدام العناصر الصحيحة لتحقيق تصميم مرتب ومنطقي، مما يساهم في تحسين جودة الكود وسهولة صيانته.

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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.