Learn HTML In Arabic 2021 - #06 - Doctype And Standard And Quirks Mode

About this video

- بسم الله الرحمن الرحيم، الدرس يتناول معلومات متقدمة عن "DOCTYPE" في HTML. - DOCTYPE ليس عنصر من عناصر HTML بل هو تعليمات للمتصفح لتحديد إصدار HTML المستخدم. - نحن حالياً نستخدم الإصدار الخامس HTML5، وهو أكثر اختصاراً وغير حساس لحالة الأحرف (Capital أو Small). - الغرض من كتابة DOCTYPE هو توجيه المتصفح للعرض بطريقة "Standard Mode" بدلاً من "Quirks Mode". - Quirks Mode: يحدث عند عدم تحديد DOCTYPE، وقد يؤدي إلى مشاكل في دعم العناصر والميزات. - Standard Mode: يضمن دعم جميع العناصر والميزات بشكل صحيح دون مشاكل توافقية. - للتحقق من وضع العرض (Render Mode) في المتصفح: - في متصفح Firefox: اضغط زر الفأرة الأيمن > View Page Info > Render Mode. - يجب أن يكون أول سطر في أي صفحة HTML هو `` عند استخدام HTML5. - جميع المواقع الحديثة مثل Google تبدأ بهذا السطر لضمان التوافقية. - الخلاصة: يجب كتابة DOCTYPE في بداية كل صفحة HTML لتجنب مشاكل التوافقية والتأكد من العرض الصحيح. - الدرس يهدف إلى تسهيل فهم أهمية DOCTYPE وتطبيقه عملياً. والسلام عليكم ورحمة الله وبركاته.

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