مرحبا. اليوم سوف نتحدث عن HTML5. على وجه التحديد ما هو عليه، ولماذا لا نتعلم HTML1 بدلاً من ذلك. إذن ما هو HTML؟ HTML لتقف على لغة ترميز النص التشعبي. لغات الترميز هي في الواقع شائعة جدا. فهي ليست نفس لغات البرمجة، بدلاً من ذلك فهي لغات خاصة تستخدم العلامات لتعليق المستندات أو ترميزها. في HTML، تخبر العلامات المتصفحات حيث تريد وضع العناوين والصور والقوائم والروابط، وما إلى ذلك. ملف.HTML هو نوع خاص من الملفات. لقد رأيت بالفعل ملحقات ملفات خاصة من قبل. عند فتح ملف يحتوي على .doc، يعرف جهاز الكمبيوتر الخاص بك فتحه في Microsoft Word. إذا رأيت ملفًا به .ppt يعرفه جهاز الكمبيوتر الخاص بك، فهذا ملف Power Point، يجب أن أفتحه في Power Point. بنفس الطريقة، عندما يرى جهاز الكمبيوتر ملف.html، فإنه يعرف أنه يجب فتحه في متصفح الإنترنت مثل Chrome أو Firefox أو Safari. يمكن لمتصفحك قراءة هذا الملف ويعرف كيفية عرضه على الشاشة. الأمر أكثر من ذلك، تسمح علامات ملف HTML أيضًا بقراء الشاشة والأجهزة المساعدة الأخرى باستخدام العلامات لتقديم المعلومات بطرق جديدة وخاصة. لذا فإن HTML مشابه جدًا للغة الإنجليزية، يمكنك فهمها حتى إذا كنت لا تعرف الكثير عنها. دعونا ننظر إلى ملف HTML هذا المثال هنا. معظمها مجرد لغة إنجليزية نموذجية. هذا هو عنوان مهم أو مرحبا هناك. سأقوم بتضمين رابط إلى صفحة الدورة التدريبية. ولكن إذا نظرت عن كثب، يمكنك أن ترى أننا أضفنا هذه العلامات الصغيرة التي يستخدمها المتصفح لمعرفة كيفية تمثيل المادة. لذلك، h1 هو مجرد علامة العنوان. تقول للمتصفح، يا هذا شيء مهم حقا. أريدك أن تضعه بخط أكبر، وأيضًا إذا كان شخص ما يستخدم جهازًا مُساعدًا، فأريده أن يعرفوا ما إذا كان هذا أمرًا مهمًا. يعرض H2 أيضًا نوعًا من الأهمية، ولكن ليس بنفس القدر. لدي علامة p لفقرة، ولدي علامة أخرى أسفل هنا تسمى وعلامة الربط. لإعلام المتصفح، لا أريدك أن تعرض هذه المادة فقط، أريدك أن تربطها بالفعل بصفحة ويب مختلفة. حتى هنا الإخراج عندما أي متصفح سوف ننظر في التعليمات البرمجية لدينا. في البداية، تعلم HTML هو في الغالب عن تعلم كل تلك العلامات المختلفة التي عرضتها لك في هذا الملف. وهذا ما يسمى تعلم بناء الجملة. إنها الطريقة التي تتعلم بها الأقواس التي يجب استخدامها، والخطوط المائلة العكسية، وأشياء مختلفة من هذا القبيل. لقد قضيت معظم وقتك في الذهاب، هل تذكرت تلك العلامة وهل كتبتها بالطريقة الصحيحة؟ هذا قصير الأجل جداً في فترة قليلة من الوقت، ستكسب الثقة لعدم القلق بشأن بناء الجملة الخاص بك، وبدلاً من ذلك التفكير في الدلالات أو المعنى وراء العلامات. ما مدى أهمية هذه المعلومات التي أحاول الحصول عليها، وهل هذه هي العلامة الصحيحة لاستخدامها؟ إذا كان شخص ما يبحث في صفحتي، هل يمكنه العثور على ما يبحث عنه؟ حتى لو لم يتمكنوا من رؤية النص، فهل يمكنهم استخدام العلامات للتنقل من خلاله؟ إذن ماذا حدث لـ HTML1؟ لماذا نستخدم شيئًا يسمى HTML5؟ حسنا، دعونا نتحدث عن السنوات الأولى. تم إنشاء HTML في عام 1990 كوسيلة لربط مستندات مختلفة إلكترونيا عبر الارتباطات التشعبية. وبالتالي، فإن هذه الفكرة من شبكة من الاتصالات. ما كان يحدث، هو أن العلماء كانوا يستخدمون الإنترنت لسرد أوراقهم البحثية المختلفة، وسيكون لديك قائمة طويلة، كل ورقة مستقلة عن الأخرى. ولكن، HTML، أعطاك الطرق التي يمكنك من خلالها قراءة ورقة، والحق في النص، ربط إلى ورقة الفيزياء مثيرة أخرى. لأن الجمهور من أتش تي أم أل يميل إلى أن يكون أناس مثل أبي هناك في الزاوية، كانوا فيزيائيين نوويين، لم يهتموا بأشياء مثل اللون، الصور، أو أي شيء لم يكن له علاقة بالعلم، وكان ذلك هو المفتاح. كان الغرض من HTML العمل عبر أي نظام أساسي. ومن أجل القيام بذلك، كان عليك تجنب أشياء مثل الخطوط الخاصة أو ألوان مختلفة أو أي شيء كان أكثر عن التخطيط من المحتوى. ومع ذلك، في عام 1993 ظهرت الفسيفساء كأول متصفح رسومي. وما يعنيه ذلك هو أنه كان هناك أول متصفح يقدم بالفعل فكرة الصور وعندما حدث ذلك، كان هناك الكثير من الجدل بين مجتمع البحث حول ما إذا كان هذا شيء جيد أم لا. أراد الرواد حقا أن يبقيه محتوى بسيط على أساس، والسماح للجميع الوصول إليه. لكن المبتكرين كانوا يقولون لا الناس يحبون الصور، يحبون التخطيط. انهم يحبون ذلك حتى بقدر ما يحبون المحتوى. لذلك هناك معركة كبيرة بين كيفية تطور الإنترنت من تلك النقطة. لذلك بعد ظهور الفسيفساء، انفجر استخدام الإنترنت تماما، والمزيد من الناس كانوا يستخدمونه للوسائل التجارية، بدلا من مجرد القيام بالبحث. الفسيفساء كان المنافسين على الرغم من، في شكل نتسكيب، إنترنيت إكسبلورر وغيرها من المتصفحات. كانت هذه بداية ما نسميه حروب المتصفح. قررت كل من هذه المتصفحات أنها تريد إنشاء هذه العلامات الملكية، والعلامات التي من شأنها أن تعمل فقط على متصفحها. بعض الأمثلة كانت سرادق، حيث يمكن أن يكون لديك تمرير النص، أو وميض التي من شأنها أن تعمل فقط على بعض المتصفحات وليس غيرها. كانت العلامات الأخرى مسجلة الملكية، وأنها عملت في الواقع على أي متصفح، لكنها ذهبت ضد روح HTML الأصلية. كانت علامات مثل الخط أو المركز، لتوسيط النص أو لون الخلفية. هذا قد لا يبدو وكأنه شيء سيء، ولكن بعض أجهزة الكمبيوتر لم يكن لديها إمكانية الوصول، لم يكن لديها القدرة على الحصول على جميع الألوان المختلفة التي قد تكون أجهزة الكمبيوتر الأخرى. وهذا أدى إلى بعض الصفحات القبيحة حقا. وأدى ذلك أيضا إلى نشأة ما نسميه أفضل مشاهدة في الرسائل. عندما ذهبت إلى موقع قلت على الفور تقريبا المتصفح الذي يجب عليك حقا عرض الموقع على. خلاف ذلك، لن تحصل على التجربة المثلى. نحن جميعا بطريقة ما نعاني من حروب المتصفح، أو أفضل عرض على الصور اليوم. في كثير من الأحيان عندما تذهب إلى صفحة ما، سترى أنه لا يمكنك الوصول إلى المحتوى الكامل فعليًا إذا كنت على هاتفك، إلا إذا قمت بالنقر فوق رابط إلى موقع الويب الكامل. إذن كيف حدث هذا؟ كيف وصلنا إلى النقطة التي لم توافق فيها المتصفحات المختلفة على الأدوار المختلفة التي يجب أن تلعبها HTML؟ هذا يعود إلى فكرة أن لا أحد يدير الإنترنت أو الويب. ومع ذلك، قامت بعض المجموعات بدور أكثر استباقية في محاولة للمساعدة في توحيد ما يجري هناك. الأول هو فريق عمل هندسة الإنترنت، وهم يركزون حقا على فكرة كيف ينبغي للشبكات المختلفة أن تتعاون وكيف ينبغي أن تعمل معا. اتحاد الويب العالمي، بدلاً من ذلك يتعامل مع HTML وتطور HTML، ويريدون معرفة أنواع العلامات التي يجب أن لا تدعمها المتصفحات. وأخيرا، واحدة من أحدث المجموعات، مبادرة الوصول إلى شبكة الإنترنت، فإنها تريد التأكد، أنه بغض النظر عن كيفية وصول الناس إلى شبكة الإنترنت، لديهم نفس القدرة على عرض المحتوى. كان لدينا هذا التطور من المتصفحات التي كنا نتحدث عنها. في عام 1990 إلى '94 كان كل شيء بسيط جدا، يستند إلى النص. في عام 93، تحدثنا عن كيفية دخول الصور إلى المشهد، وفجّرت الإنترنت إلى حد كبير. جعل التوافق عبر المتصفح العديد من صفحات الويب تنهار فقط وأدى إلى رمز قبيح بشكل لا يصدق. في بداية عام 2000، عادت المتصفحات إلى فكرة فصل المحتوى عن النمط. وفي عام 2005 أصبح من الممارسات القياسية استخدام ملفات HTML، والتي نتعلم عنها في هذه الدورة، لإنشاء المحتوى وملفات CSS لأسلوب ذلك. حتى كما تطورت المتصفحات حتى هتمل. الطريقة التي تميل إلى العمل في معظم علامات الكمبيوتر ومجالات التكنولوجيا هي أن المبرمجين والمطورين هم الذين يدفعون المعايير. لذلك كما تعلم المبرمجون أن هناك المزيد والمزيد من الأشياء التي يريدون القدرة على القيام بها، انها وظيفة المتصفحات لمواكبة. إذاً، أين نحن الآن؟ HTML5 هو تعاون بين W3C ومجموعة عمل تقنية تطبيق النص التشعبي على الويب، وما قاموا به هو أنهم أنشأوا هذه المبادئ التوجيهية الأربعة لكيفية التعامل مع HTML5 كما تذهب المتصفحات لدعمها. الفكرة الأولى هي أن الميزات الجديدة يجب أن تستند إلى HTML و CSS وهي لغة الإشارة و DOM و JavaScript. لا شيء أكثر من ذلك انهم يريدون تقليل الحاجة إلى المكونات الإضافية الخارجية، انها محبطة جدا عندما كنت على متصفح وتجد أنه لا يمكنك مشاهدة الفيديو الذي نشر شخص ما. كما أنها تريد أن تتحرك بحيث علامة أعلى، أو علامة فوق اللغة يمكن أن تحل محل البرمجة النصية. إذا وجدت أن المزيد والمزيد من المطورين يكتبون التعليمات البرمجية لجعل شيء يحدث، والتخلص من التعليمات البرمجية ومجرد جعل علامة بسيطة التي يمكن أن تفعل ذلك بدلا من ذلك. وأخيرًا، يجب أن يكون HTML5 مستقلاً عن الجهاز. لا ينبغي أن يهم ما إذا كنت على هاتفك أو الكمبيوتر المحمول أو الكمبيوتر الشخصي أو حتى على قارئ الشاشة. تريد الجميع نفس الوصول إلى المعلومات. لذلك عندما تفكر مرة أخرى في هذا الفيديو، هناك بعض الدروس التي آمل حقا أن ألتزم بها معك. الأول هو فكرة أن HTML ليست لغة برمجة، بل هي طريقة يمكن للمتصفحات ترجمة المستندات إلى صفحات ويب قابلة للعرض. كان الغرض من HTML تسهيل العديد من أنواع المحتوى المختلفة. الصور، الصور، الروابط، القوائم. كل شيء على طول هذا الخط ما وجدناه يعتقد تاريخ الإنترنت، هو أنه عندما يريد المصممون القيام بشيء ما يميلون إلى كتابة رمز غير قياسي لإجبار المتصفحات على القيام بذلك. لذلك، هذا هو السبب في أننا نطور معايير جديدة في HTML5 للتعامل مع هذه المتطلبات الجديدة التي يرغب فيها الناس ودفع المتصفحات لاعتماد المعايير الجديدة.