تعليق: بعد فهم تقدم XHTML 2 ، دعونا نلقي نظرة على تقدم X/HTML 5. X/HTML 5 COOL حيث تكون فكرة عناصر الفصل X/HTML 5 تقدم عناصر جديدة لتقسيم صفحات الويب إلى عدة فصول. تساعد هذه المكونات على محركات البحث والأدوات المساعدة لفهم محتوى الصفحة بشكل أفضل. يمكن أن يؤدي استخدام هذه العناصر الجديدة إلى جعل العلامة أكثر قابلية للقراءة. الفصل 1
بعد فهم تقدم XHTML 2 ، دعونا نلقي نظرة على تقدم X/HTML 5.
X/HTML 5 حيث يكون رائعًا
مفهوم عناصر الفصل
X/HTML 5 يقدم عناصر جديدة لتقسيم صفحات الويب إلى فصول. تساعد هذه المكونات على محركات البحث والأدوات المساعدة لفهم محتوى الصفحة بشكل أفضل. يمكن أن يؤدي استخدام هذه العناصر الجديدة إلى جعل العلامة أكثر قابلية للقراءة.
فكرة المحتوى القائم على الفصل رائع! ولكن يرجى معرفة لماذا تقنية استخدام الفصول ليست باردة بما فيه الكفاية.
عناصر الحوار
يتم استخدام عنصر حوار لتمثيل محادثة. يتضمن عنصر DT لتحديد عنصر DT الخاص بالجلسة وعنصر DD لتمثيل خطاب الجلسة. على سبيل المثال:
<ariog>
<dt> costello </dt>
<dd> انظر ، هل يجب عليك أول رجل القاعدة؟ </dd>
<dt> abbott </dt>
<dd> بالتأكيد. </dd>
<dt> costello </dt>
<dd> من يلعب أولاً؟ </dd>
<dt> abbott </dt>
<dd> هذا صحيح. </dd>
<dt> costello </dt>
<dd> عندما تسدد أول رجل القاعدة كل شهر ، من يحصل على المال؟ </dd>
<dt> abbott </dt>
<dd> كل دولار منه. </dd>
</dialog>
عنصر فراي
غالبًا ما تستخدم الرؤوس في كائنات الوسائط (الصور ، الرسوم التوضيحية ، المخططات ، إلخ) في توزيع الطباعة (الكتب المدرسية ، الصحف ، المجلات ، إلخ). حتى الآن ، لا تحتوي لغات ترميز الويب على بنية يمكن أن تنتج مثل هذه الآثار. يحتوي عنصر Figrue على عنصر طفل Legend يمكن استخدامه لتحديد رأس الصورة. على سبيل المثال:
كود XML/HTML
<GINGE>
<Legend> الائتمان: Media Inc. ، 2007 </Legend>
<img src = smith.jpg alt = photo: J. Smith />
</figure>
عنصر م
يمثل عنصر M قطعة نصية يتم تمييزها أو تسليط الضوء عليها. يعد هذا مفيدًا جدًا عند عرض الكلمات الرئيسية للبحث في صفحات الويب الديناميكية. في هذا الوقت ، يمكن وضع علامة على الكلمات الرئيسية في الصفحة بعنصر M. على سبيل المثال ، استجابةً لبحث المستخدم عن ثلج الكلمات الرئيسية ، يمكن لصفحة الويب إنشاء الفقرة التالية:
كود XML/HTML
<p> a <m> Snow </m> Man هو تمثال يشبه الرجل تم تصميمه من <m> Snow </m>. </p>
يتم تعزيز عنصر الإدخال
بعد تعزيز وظيفة عنصر الإدخال ، يمكن أن تدعم أنواع البيانات مثل البريد الإلكتروني وعنوان URL وارتباط البيانات وارتباط الوقت والأرقام. هذا يعني أنه يمكن إكمال المزيد من وظائف التحقق من جانب العميل.
العملية المفتوحة
عملية تطوير X/HTML أكثر انفتاحًا من XHTML 2. يمكن للجميع المشاركة في التفاصيل الإبداعية X/HTML 5.
أوجه القصور الوحيدة لـ X/HTML 5
استخدام عناصر الفصل
فكرة استخدام عناصر الفصل جيدة ، ولكن يبدو أنها مرهقة بعض الشيء في تطبيق X/HTML 5. حتى أن هناك بعض التفسيرات التي ستجعلك أكثر حيرة. على سبيل المثال:
يمثل العنصر جانبًا جزءًا من المحتوى الذي يشكل الصفحة ، وهو مرتبط بالمحتوى قبل وبعد العنصر جانباً ، ويمكن اعتباره جزءًا مستقلًا من المحتوى. غالبًا ما تستخدم هذه المكونات في الأشرطة الجانبية في تقنيات الطباعة.
هل من الأسهل فهم عناصر div مع سمات الأدوار التي لا تتم إضافتها لتكون قابلة للتمديد وغير مفهومة؟
عنصر الفصل الآخر المذكور هو NAV ، والذي يمثل روابط إلى صفحات أخرى في الصفحة. هل نحتاج حقًا إلى عنصر NAV؟ يمكن لعنصر NL في XHTML 2 القيام بهذه المهمة بشكل أفضل.
ستظل أوجه القصور في HTML 4 و XHTML 1 موجودة في المواصفات المستقبلية
نظرًا لأن X/HTML يحاول تقديم الدعم المتخلف ، فإن أوجه القصور في HTML 4 و XHTML 1 ستوجد أيضًا في X/HTML 5. لا يجب أن تكون المواصفات متخلفًا ، لكن برنامج العميل يوفر توافقًا للخلف من خلال دعم مجموعة متنوعة من المواصفات.
X/HTML 5 لا يتبع دليل X/HTML 5
تم تصميم X/HTML 5 ليكون متوافقًا مع HTML 4 و XHTML 1. الآن كبير ، اختصار U و TT ليسوا محتويات هذه المواصفات ، والعناصر الأخرى مثل I و Samll لها معنى دلالي معاد تعريفه. على سبيل المثال ، في مواصفات HTML 4.01 ، يتم تعريف I و Small مثل هذا:
أنا: اجعل النص مائلًا
صغير: عرض النص بخط صغير
في X/HTML 5 ، لدي معاني جديدة:
يستخدم عنصر I طرقًا مختلفة للتعبير عن فقرة من النص أو الفقرات التي تختلف عن النص ، مثل تصميم التصنيف أو المصطلحات الفنية والتعابير في اللغات الأجنبية أو الأفكار أو الآراء أو أسماء السفن أو غيرها من النصوص التي يجب تقديمها بخط مائل في تكنولوجيا الطباعة. .
يقدم العنصر الصغير خطوطًا صغيرة (أجزاء في المستند تشير إلى القيود القانونية ، مثل حقوق الطبع والنشر أو العيوب الحالية) والتعليقات.
هذا يكسر التوافق الخلفي لـ HTML 4 و XHTML 1 عن طريق إعادة تعريف معنى I و Small. وذلك لأن التوافق المتخلف يجب أن يعني أن وكيل مستخدم HTML 5 (وكيل المستخدم ، المتصفح) يجب أن يكون متسقًا مع وكيل المستخدم HTML 4 عند تقديم مستندات HTML 4. لذلك ، إذا أكد HTML 5 على التوافق المتخلف ، فإن الهياكل التي ليست ذات معنى كبيرة في HTML 4 هي أيضًا بلا معنى في HTML 5.
لا ، أليس كذلك؟ ما زلت تدعم عناصر الخط؟
نعم ، إذا كان المطورون يستخدمون محرر WYSIWYG ، فلا يزال X/HTML 5 يدعم عناصر الخط. هل هناك أي عقلانية للقيام بذلك؟ هل يمكن لمحرر WYSIWYG تجنب استخدام الخط؟
توقيع Wysiwyg
يجب أن تحتوي المستندات التي تم إنشاؤها باستخدام محرر WYSIWYG على توقيع WYSIWYG التالي في العنصر الرئيسي:
كود XML/HTML
<meta name = generator content = (WysiWyg Editor) />
أو:
كود XML/HTML
<meta name = generator content = sample editor 1.0 (WysiWyg Editor) />
ما هو سبب القيام بذلك؟ نوع من العار مارك؟ هل من الضروري إخبار المتصفح بالاستعداد للأسوأ ، لأن هذا المستند تم إنشاؤه باستخدام محرر WysiWyg؟ لذا ، ما الذي يجب أن أفعله إذا تم إجراء جزء فقط من المستند باستخدام أداة WYSIWYG؟
يدعم أسماء الفصول المحددة مسبقًا
اسم الفئة المحددة مسبقًا هو اسم فئة CSS الدلالي المحتفظ به في وكيل مستخدم X/HTML 5. في المثال التالي ، حقوق الطبع والنشر اسم فئة محددة مسبقًا:
كود XML/HTML
<p class = حقوق الطبع والنشر> ... </p>
تتضمن أسماء الفئات المحددة مسبقًا خطأ ، مثال ، مشكلة ، ملاحظة ، البحث والتحذير. الأمر الأكثر إثارة للقلق هو أن بعض أسماء الفئات المحددة مسبقًا تستخدم فقط في عناصر معينة ولا يمكن استخدامها في عناصر أخرى. على سبيل المثال ، لا يتم استخدام حقوق الطبع والنشر لاسم الفصل إلا في عناصر P و Span. يتم استخدام خطأ اسم الفئة فقط في P ، القسم ، الامتداد والقوي.
إحدى المشكلات في أسماء الفصول الدراسية المحددة مسبقًا هي أن طريقة الكتابة التالية لا معنى لها:
كود XML/HTML
<p فئة = مهمة>
وهذه طريقة الكتابة منطقية:
كود XML/HTML
<p فئة = حقوق الطبع والنشر>
إعادة كتابة سمات الفصل تصبح من الصعب شرح المعنى المحدد للهيكل. على سبيل المثال ، ماذا يعني الرمز التالي:
كود XML/HTML
<p class = مشكلة حقوق الطبع والنشر المهمة>
أسماء الفصول المحددة مسبقًا تحد أيضًا من حرية استخدام المطورين لأسماء الفصل. وبالمثل ، إذا كان المطور يستخدم الآن اسم فصل غير محدد ، ولكن في يوم من الأيام يصبح اسم الفصل فصلًا محددًا مسبقًا ، ماذا سيحدث أولاً؟ هل هذا يغير دلالات المحتوى السابق للمطور؟
HTML 5 مقابل XHTML 5
في محاولة لحل النقاش بين HTML و XHTML أخيرًا ، فإن مواصفات X/HTML 5 تجعل الأمور أكثر صعوبة. في الواقع ، تشير مواصفات X/HTML 5 إلى أنه بشكل عام ، يمكن للمطورين استخدام XML مباشرة في الويب ، على الرغم من أن W3C تعمل بجد من أجل تطبيق XML المستقبلي في الويب.
عملية التطوير قد اندفعت للغاية
X/HTML 5 هو التعامل مع تأخير W3C في تحديثات HTML 4 و XHTML 1. لذلك ، يؤدي هذا إلى عملية تطوير X/HTML 5 قليلاً ، ويبدو أن هذه المواصفات تنبثق فجأة من حيث تتابعها فجأة ثم تتابعها بسرعة. حتى المطورين المشاركين بشكل مباشر يشعرون أن عملية التطوير الموحدة غير عملية بعض الشيء.
منافسة على الجيل القادم من لغات الترميز
يتنافس كل من X/HTML 5 و XHTML 2 على بدائل لـ HTML 4 و XHTML 1. على الفور في المراحل المبكرة من التطوير ، فقد ادعى بعض بائعي المتصفح بالفعل تفضيلهم لكلا المواصفات. بسبب الإلحاح وإغلاق المراجعة ، فقد استقطب هذا منظمة معايير الويب. مع تقدم المعيارين ، سيتم استثمار المزيد من موارد التنمية ورأس المال السوق في أحدهما ، وكل ذلك سيؤدي إلى حرب قياسية.
كل واحد منا هو Setter لهذا المعيار ، لأن الويب ينتمي إلى الجميع ، ولا يمكن إلا للنقاش الصادق والمفتوح أن يضمن أن أفضل معيار يصبح الفائز.
ملاحظة: من أجل القراءة ، يتم اختصار HTML 4.x/XHTML 1.x كـ HTML 4 و XHTML 1 في المقالة
الاتصال الأصلي: id = 249