مواصفات html5 باللغة الروسية. نظرة عامة على مواصفات HTML5. ما هي التقنيات الجديدة التي ظهرت في HTML5

لا ينصح باستخدام العلامات القديمة عند إنشاء مواقع الويب على HTML5، ولكن هذا لا يعني أن المتصفحات لم تعد تدعمها، على سبيل المثال، عمل علامة غير موصى بها الشرطة السفلية

السمات العامة هي سمات يمكن تضمينها في أي علامة مستند HTML. ظهرت سمات عالمية جديدة في HTML5، وفي الأوصاف أدناه تم تمييزها بكلمة جديد

دعونا نلقي نظرة على أسماء وأوصاف سمات HTML5 العامة:

مفتاح الوصول = " " - يسمح لك باستخدام أي عنصر (علامة) في الصفحة عن طريق الضغط على مفتاح مبرمج مسبقًا مجموعة المفاتيح,
class=" " - يسمح لك بتعيين اسم الفئة،
contenteditable=" " - يسمح لك بتحرير محتويات العنصر الجديد،
قائمة السياق = " " - تسمح لك بالإنشاء قائمة السياقللعنصر الجديد،
dir=" " - يسمح لك بالتحكم في اتجاه النص،
قابل للسحب = " " - يسمح للمستخدم بسحب العنصر جديد،
dropzone = " " - يسمح لك بتحديد ما يجب فعله بعنصر ما عند سحب جديد،
مخفي = " " - يسمح لك بإخفاء العنصر الجديد،
id=" " - يسمح لك بتعيين معرف فريد لعنصر ما،
lang=" " - يسمح لك بتحديد رمز اللغة في محتوى العنصر،
التدقيق الإملائي = " " - يسمح لك بتحديد ما إذا كان سيتم التدقيق الإملائي في محتوى العنصر الجديد أم لا،
style=" " - يسمح لك بإنشاء نمط لعنصر ما،
tabindex=" " - يسمح لك بإنشاء قاعدة تحدد ترتيب العناصر التي يجب أن يتم التركيز عليها عند الضغط على مفتاح Tab،
title=" " - يسمح لك بإنشاء تلميح أداة يظهر عند تحريك مؤشر الماوس فوق أحد العناصر.

نظرًا لأن العلامات تحولت إلى كائنات كاملة في مواصفات HTML5، فقد كان مفهوم السمة العامة متأصلًا بالفعل في هذه الكائنات، حتى بالنسبة لتلك العلامات التي لم يتم وصفها بعد في المواصفات.

لقد خضعت بنية التعليمات البرمجية في HTML5 لبعض التغييرات، وهنا بعض منها:

1. على عكس الإصدارات السابقة من اللغة، يوجد نوع مستند واحد فقط في HTML5:
على سبيل المثال، يمكنك رؤيته في الكود المصدري لصفحات هذا الموقع (لا تنس أنه لا ينبغي أن يكون هناك أي شيء قبل نوع المستند، ولا مسافات، ولا فواصل أسطر، وما إلى ذلك).

2. للإشارة إلى لغة المستند، الآن بدلاً من العلامة الوصفية:
تحتاج إلى استخدام سمة lang="ru" في العلامة:

3. للإشارة إلى ترميز المستند، الآن بدلاً من العلامة الوصفية:

تحتاج إلى استخدام علامة وصفية، بدون سمات http-equiv وcontent

4. عند إنشاء برنامج JavaScript نصي، الآن في العلامة، ليست هناك حاجة لتطبيق سمات النوع = "text/javascript" واللغة = "JavaScript".

5. عند التنفيذ أنماط CSS، ليست هناك حاجة الآن لتطبيق سمة type = "text/css" في العلامات.

6. الرابط هو علامة مضمّنة، لذلك، في مواصفات HTML وXHTML المبكرة، لم يُنصح بتأطير علامات الكتلة؛ الآن في مواصفات HTML5، تمت إزالة هذه التوصية للروابط ويُسمح لها الآن بتأطير واحد أو أكثر عناصر الكتلة.

فقرة

الآن مع HTML5، يمكنك القيام بذلك:

بناء على مواد من الموقع http://html-5.ru/، http://html-5.ru/uchebnik-html5

• إضافات إلى HTML W3C من 2015-2017

• توصيات W3C 24 ديسمبر 1999

الموقع مخصص للغة الترميز الحديثة - HTML5.
الغرض من الموقع: إخبارك قدر الإمكان عن HTML5.

يعد موقع الموارد في نفس الوقت موسوعة وكتابًا دراسيًا وكتابًا مرجعيًا حول لغة HTML5، وليس كتابًا مدرسيًا للمبتدئين في لغة HTML. هدف الموقع هو توضيح:

• ما هو HTML5 في تطوير الويب الحديث؟
• ما هي التقنيات التي بدأت هذه اللغة في دعمها؟
• ما هي العلامات الجديدة التي تم تقديمها في HTML5؟
• كيف يختلف عن HTML4 أو XHTML؟
• هل من الممكن استخدام HTML5 الآن؟
• إلخ.

HTML5 هو التكنولوجيا الجديدةفي تطوير صناعة الويب، المصممة للإنشاء الفعال لمواقع وتطبيقات الهاتف المحمول. دعونا نفكر أولاً في النقاط الرئيسية التي يجب الانتباه إليها عند إنشاء مواصفات لغة HTML5.

أولاً، يسعى كل ما يرتبط الآن بإنشاء موقع الويب تقريبًا إلى التنقل (القدرة على التكيف)، أي. بحيث يمكن قراءة أي موقع تفتحه على أي جهاز، سواء كان جهاز كمبيوتر أو كمبيوتر محمول أو جهاز لوحي أو هاتف ذكي. التقنيات الجديدة مثل HTML5 وCSS3 وجافا سكريبت الحديثة (ومكتباتها) وحتى الاتجاه الجديدفي تصميم الويب يسمى النمط المسطح.

ثانيا، أحد المكونات المهمة لـ HTML5 هو الدلالات، سيكون لكل علامة الآن تحميلها الدلالي الخاص بها، وليس فقط تنسيق هذا المحتوى أو ذاك. البرامج (على سبيل المثال محركات البحث) سيحتاج أولئك الذين يقومون بتحليل موقع مبني على HTML5 إلى فهم البيانات الموجودة بين العلامات، وما هو جوهرها وما هي أهميتها.

ثالثا، يتم إيلاء الكثير من الاهتمام لاستقلال لغة HTML عن المكونات الإضافية. الموسيقى والفيديو والرسوم المتحركة والألعاب، كل هذا سيكون من الممكن قريبًا العمل به دون تنزيل برامج الطرف الثالث على جهاز الكمبيوتر والمتصفح الخاص بك.

رابعا، يمكنك الآن استخدام العلامات الدقيقة وتلك المواصفات التي كانت في السابق جزءًا من XML مباشرةً في التعليمات البرمجية، على سبيل المثال، يمكنك استخدام مواصفات SVG (التي تنشئ أشكالًا متجهة مختلفة) مباشرةً في التعليمات البرمجية لمستند HTML.

قدمت لغة HTML5 العديد من التقنيات التي تفتح فرصًا مثيرة للاهتمام لمشرفي المواقع، وفيما يلي بعض منها:

في HTML5، تغير هيكل كود مستند HTML قليلا، على سبيل المثال، بقي نوع مستند واحد فقط، وظهرت علامات وسمات جديدة تقسم صفحة الموقع بشكل دلالي إلى المحتوى العلوي والسفلي والجانبي والرئيسي.

تعتبر العديد من العلامات والسمات من HTML4 قديمة الآن. ولكن في الوقت نفسه، يظل HTML5 متوافقًا تمامًا مع اللغات الترميزية السابقة HTML3 وHTML4 وXHTML.

أشارت مواصفات HTML5 أخيرًا إلى كيفية تفاعل عناصر الصفحة مع لغة برمجة JavaScript باستخدام تقنية DOM. لأن العلامات في HTML5 تعتبر الآن كائنات كاملة.

أضافت مواصفات HTML5 وصفًا لكيفية تعامل المتصفحات مع الأخطاء التي تواجهها في تعليمات HTML البرمجية (وهذا مهم لمطوري المتصفحات). قبل ذلك، لم يكن لدى مطوري المتصفح سوى وصف لكيفية معالجة المتصفح للتعليمات البرمجية الصحيحة الخالية من الأخطاء.

نعم يمكنك! لقد تحول جميع اللاعبين الرئيسيين في صناعة الويب تقريبًا إلى HTML5، نظرًا لأن هذه اللغة تمثل حاضرنا ومستقبلنا بالكامل. الجميعالمتصفحات الحديثة

ختاماً

قررت منظمات W3C وWHATWG، التي تعمل على تطوير HTML5، في المستقبل عدم إعطاء أرقام للإصدارات الجديدة من اللغة؛ من الآن فصاعدًا، في المستقبل، يمكنك ببساطة قول HTML، دون تحديد رقمي. سيتم ببساطة إضافة العناصر (العلامات) والتقنيات الجديدة (API) التي تظهر باللغة إلى المواصفات الحالية. استخدام عناصر جديدة يمنحنا بعض المزايا. إذا استخدمناها مع عناصر العناوين، ...، فهذا يسمح لنا باستخدام أكثر من مستويات العناوين الستة الموجودة فيالإصدارات السابقة

HTML، لوضع علامات على الأقسام (الأقسام) المتداخلة من المستند. توفر المواصفات الجديدة إرشادات مفصلة حول تشكيل بنية المستند، والتي يتم تمثيلها من خلال بنية مكونة من عناصر مقطعية جديدة وفي نفس الوقت تحافظ على التوافق مع الإصدارات السابقة.

يتم استخدام هذا الدليل بواسطة المطورين أثناء عملهم، ويتم استخدامه بواسطة المتصفحات عند إنشاء محتوى المستند للمساعدة في التنقل عبر صفحة الويب.

على سبيل المثال، يستخدم الترميز التالي الأقسام المتداخلة وعناوين المستوى الأول:

المستوى 1

المستوى 2

المستوى 3 لضمان التوافق معالإصدارات الحالية

من خلال تحديد أقسام صفحة الويب وفقًا للغرض منها باستخدام عناصر مقطعية خاصة، فإننا نسهل التشغيل الصحيح لتقنيات إمكانية الوصول التي تسهل على المستخدم التنقل في أنحاء الصفحة. في بعض المواقف، يمكن للبرامج المتخصصة الانتقال بسهولة من مقال إلى آخر، مع تجاوز أقسام المستند التي تؤدي وظائف أخرى (التنقل، الشريط الجانبي، وما إلى ذلك)، دون الحاجة إلى قيام المطورين بإنشاء روابط انتقال خاصة لهذا الغرض.

ميزة أخرى لاستخدام عناصر جديدة للمطورين هي القدرة على استبدال العديد من divs بأحد العناصر الجديدة التي لها غرض مماثل، مما يجعل التعليمات البرمجية أكثر وضوحًا وأكثر قابلية للقراءة.

يهدف العنصر إلى تمثيل عنوان قسم معين من المستند. في الواقع، بالإضافة إلى العنوان، قد يحتوي على أنواع أخرى من المعلومات. على سبيل المثال، قد يكون من المعقول تمامًا وضع عناوين فرعية ومعلومات حول المؤلف و/أو معلومات حول إصدارات المستند وتعديلاته وما إلى ذلك بين علاماته:

معاينة HTML 5

بقلم لاتشلان هانت

يمثل العنصر تذييل قسم المستند الذي ينتمي إليه. كقاعدة عامة، يحتوي على معلومات المؤلف حول محتوى القسم، وروابط للمقالات المواضيعية، وما إلى ذلك:

2007 شركة المثال

يهدف العنصر إلى احتواء روابط التنقل. وهي مناسبة أيضًا للتنقل في الموقع ونشر محتوى المستند:

• بيت


• منتجات


• خدمات


• عن

يعمل العنصر على تقديم معلومات تتوافق بدرجة أو بأخرى مع موضوع المحتوى المحيط. هذا العنصر مناسب جدًا لتنفيذ الأشرطة الجانبية (الأعمدة الجانبية):

أرشيف

• سبتمبر 2007


• أغسطس 2007


• يوليو 2007

يمثل العنصر قسمًا عامًا من مستند أو تطبيق، مثل فصل، على سبيل المثال:

الفصل الأول: الفترة

لقد كان أفضل الأوقات، وكان أسوأ الأوقات،
لقد كان عصر الحكمة، كان عصر الحماقة،
كان عصر الإيمان، كان عصر الشك،
لقد كان موسم النور، كان موسم الظلام،
…

(مقتطف من "قصة مدينتين")

العنصر هو قسم مستقل من المستند أو الصفحة أو الموقع ككل. من السهل استخدامه لنشر محتوى مثل الأخبار أو منشورات المدونات أو منشورات المنتدى أو التعليقات الفردية:

التعليق رقم 2
بواسطة جاك أونيل

29 أغسطس 2007 الساعة 13:58

هذا مقال عظيم آخر!

في بيئة الويب مؤخراأصبحت أنواع البيانات مثل الفيديو والصوت ذات أهمية متزايدة. وتتيح العديد من المواقع مثل YouTube وViddler وRevver وMySpace لأي مستخدم للإنترنت نشر معلومات الفيديو والصوت بسهولة عبر الإنترنت. نظرًا لأن معيار HTML لا يحتوي حاليًا على الوسائل اللازمة لتضمين محتوى الوسائط وإدارته، فإن معظم المواقع الحالية تستخدم تقنية Flash لتوفير الوظائف المطلوبة. بالإضافة إلى ذلك، من الممكن تمكين الوسائط المتعددة من خلال المكونات الإضافية (مثل QuickTime، ويندوز ميدياوآخرون). ولكن لا تزال تقنية Flash هي الأكثر استخدامًا على نطاق واسع وهي عبارة عن حل عبر المتصفحات يوفر واجهة برمجة التطبيقات (API) اللازمة للمطورين.

إذا حكمنا من خلال طريقة تقديم العديد من مشغلات الوسائط المستندة إلى Flash، فمن الآمن أن نقول إن المطورين مهتمون بالقدرة على إنشاء نوع خاص بهم من واجهة المستخدم التي تسمح بالتحكم الكامل في تشغيل ملف الوسائط - التحكم في مستوى الصوت، والإيقاف، وقفة والبحث والتشغيل. لكن الهدف الرئيسي في الوقت الحالي هو الدعم الأصلي لهذه الوظيفة في المتصفحات دون أي مكونات إضافية، مما سيسمح لك بتضمين مكونات الفيديو والصوت مع واجهة برمجة التطبيقات الضرورية للتحكم في التشغيل من البرامج النصية.

والعناصر المقدمة حديثًا تجعل هذه المهمة أسهل بكثير. معظم إمكانيات واجهة برمجة التطبيقات (API) المتاحة مشتركة بين كلا العنصرين، مع وجود اختلافات بسيطة خاصة بالمعلومات المرئية وغير المرئية.

لقد نفذ كل من محركي Opera وWebKit بالفعل دعمًا جزئيًا للعنصر. وللتأكد بنفسك، يمكنك تنزيل وتجربة الإصدار التجريبي من Opera والإصدار التجريبي الآلي من WebKit. يقدم Opera الدعم لبرنامج ترميز Ogg Theora، ويوفر WebKit الدعم لجميع التنسيقات المدعومة في QuickTime، بما في ذلك عدد من برامج الترميز التابعة لجهات خارجية.

إن أبسط طريقة لتضمين الفيديو في مستند هي استخدام عنصر بدون أي عنصر إعدادات إضافية. في هذه الحالة، سيوفر المتصفح عناصر واجهة المستخدم الافتراضية. لتمكين أو تعطيل عناصر التحكم في محتوى الوسائط بشكل افتراضي، يتم استخدام عناصر التحكم في السمات المنطقية مع القيم التالية:

تحميل الفيلم

يتم استخدام سمة الملصق الاختيارية لتحديد الصورة التي سيتم عرضها بدلاً من عنصر الفيديو قبل بدء التشغيل. وعلى الرغم من أن بعض تنسيقات الفيديو توفر شاشة البداية الخاصة بها، فهي فريدة من نوعها، كما هو الحال في MPEG-4، إلا أن سمة الملصق هي طريقة بديلةتحديد شاشة البداية التي سيتم عرضها بغض النظر عن تنسيق الفيديو المستخدم.

الوضع بسيط أيضًا مع تضمين المحتوى الصوتي على الصفحة باستخدام العنصر. يتم أيضًا تطبيق معظم السمات الخاصة بعنصر ما على العنصر، على الرغم من أن الأخير لا يوفر ضبط العرض أو الارتفاع أو الملصق.

تحميل أغنية

يقدم معيار HTML5 أيضًا عنصرًا للإشارة إلى مصادر بديلة لبيانات الفيديو والصوت، مما يسمح للمتصفح بتحديد التنسيق الذي يدعمه الجهاز و/أو برنامج الترميز. يمكن استخدام سمة الوسائط للإشارة إلى نوع الجهاز، من أجل تحديد مصدر البيانات المطلوب وفقًا لقيود الجهاز المستخدم، وسمة النوع لتحديد نوع البيانات وبرامج الترميز. ضع في اعتبارك أنه عند استخدام عنصر ما، يجب ألا تحتوي عناصره الأصلية أو عناصره على سمة src، وإلا فسيتم تجاهل مصادر البيانات البديلة بواسطة المتصفح.

في الحالات التي يتطلب فيها تركيز مورد الويب من المطور إنشاء السيطرة الكاملةزيادة واجهة المستخدم، ولهذه الأغراض يمكن استخدام إمكانيات واجهة برمجة التطبيقات المتقدمة، والتي توفر عددًا من الأساليب والأحداث التي يمكن للبرامج النصية من خلالها التحكم في عملية تشغيل ملف الوسائط. أبسط ممثلي هذه الإمكانات هم طرق التشغيل () والإيقاف المؤقت () بالإضافة إلى خاصية الوقت الحالي، المصممة لتعيين موضع التشغيل الحالي لملف الوسائط على البداية أو أي موقع آخر مرغوب فيه. وفيما يلي مثال على استخدامها:

فار فيديو = document.getElementById("video");

يلعب
يوقف

إذا كنت تريد استخدام تسميات أخرى مثل الأحرف الصغيرة، فيمكنك استخدام الكود التالي:

نوع الوثيقة HTML>

يمكن استخدام اسم عنصر HTML5 بأحرف كبيرة أو صغيرة.

• حالة النمط المختلط سيئة للغاية.
• الحروف الصغيرة سهلة الكتابة.

هذه فقرة.

هذه فقرة.

هذه فقرة.

في HTML5، لا تريد إغلاق جميع العناصر (مثل العنصر)، ولكننا نوصي بأن يضيف كل عنصر علامة إغلاق.

هذه فقرة.

هذه فقرة.

هذه فقرة.

هذه فقرة.

في HTML5، لا يلزم إيقاف تشغيل عنصر HTML الفارغ:

يمكننا أن نكتب:

يمكنك أيضًا كتابة:

مطلوب XML وXHTML والشرطة المائلة (/).

إذا كنت تخطط لاستخدام صفحة برنامج XML الخاصة بك، فهذا النمط جيد جدًا.

يتيح لك HTML5 استخدام اسم الخاصية بالأحرف الكبيرة والصغيرة.

• حالة الاستخدام هي عادة سيئة للغاية.
• يستخدم المطورون عادةً أحرفًا صغيرة (على غرار XHTML).
• النمط الصغير يبدو أكثر منعشًا.
• الحروف الصغيرة سهلة الكتابة.

لا يمكن اقتباس قيم سمات HTML5.

• إذا كانت قيمة الخاصية تحتوي على مسافات، فيجب عليك استخدام علامات الاقتباس.
• لا يُنصح باستخدام النمط المختلط، ويُقترح استخدام نمط واحد.
• من السهل قراءة قيم الخصائص باستخدام علامات الاقتباس.

تحتوي قيمة سمة المثال التالي على مسافات، لا تستخدم علامات الاقتباس، فقد لا تعمل:

أدناه تستخدم اقتباسات مزدوجة، هذا صحيح:

غالبًا ما يتم استخدام سمات Image Alt. إذا تعذر عرض الصورة، فيمكن استبدال عرض الصورة.

= "HTML5" النمط = "العرض: 128 بكسل؛ الارتفاع: 128 بكسل">

يتم تحديد حجم الصورة، ويمكن حجزها في وقت تحميل القيمة المحددة، وتقليل الخفقان.

= النمط "HTML5" = "العرض: 128 بكسل؛ الارتفاع: 128 بكسل">

يمكنك استخدام المسافات قبل وبعد علامة التساوي.

استخدام محرر HTML، رمز التمرير لليسار ولليمين أمر محرج.

كل سطر من التعليمات البرمجية هو قدر الإمكان أقل من 80 حرفًا.

لا تضيف سطرًا فارغًا بدون سبب.

أضف سطرًا فارغًا لكل كتلة منطقية وظيفية، مما يجعلها أكثر قابلية للقراءة.

لا تستخدم أسطرًا فارغة غير ضرورية بين الرموز القصيرة.

هذا البرنامج التعليمي

HTML

لا يعلمك هذا البرنامج التعليمي التكنولوجيا فحسب، بل يعلمك أيضًا النوم.
هذا الكتاب المدرسي، لا يدرس التكنولوجيا فحسب، بل أيضًا في الحلم،
لا يعلمك هذا البرنامج التعليمي التكنولوجيا فحسب، بل يعلمك أيضًا النوم.

هذا البرنامج التعليمي

في هذا البرنامج التعليمي، لا يتم تدريس التكنولوجيا فحسب، بل أيضًا النوم.
لا يعلمك هذا البرنامج التعليمي التكنولوجيا فحسب، بل يعلمك أيضًا النوم.
لا يعلمك هذا البرنامج التعليمي التكنولوجيا فحسب، بل يعلمك أيضًا النوم.
لا يعلمك هذا البرنامج التعليمي التكنولوجيا فحسب، بل يعلمك أيضًا النوم.

اسم
وصف


أ
الوصف أ


ب
الوصف ب