مقالة مقدمة من wulin.com (www.vevb.com): معايير الويب مليئة بالصفعة في الوجه ، وقد انتهت صلاحية هذه القاعدة الآن! بعد شهر واحد من نشر المقالة ، نشرت HTML5Doctor روابط "مستوى الكتلة" في HTML5. على حد تعبير ، كان ما تريد في الأصل أن تكتبه.
يطلق عليه روابط على مستوى الكتلة باللغة الإنجليزية. اعتقدت أن ريش الطيور فقط في مصنعي لم يكن يعلم ، لكنني لم أكن أتوقع أن يكون هناك الكثير من الأشخاص الذين لم يعرفوا ويحتاجوا إلى الشعبية.
لسوء الحظ ، فإن معايير الويب مليئة بالصفعة في الوجه ، وقد انتهت صلاحية هذه القاعدة الآن! بعد شهر واحد من نشر المقالة ، نشرت HTML5Doctor روابط على مستوى الكتلة في HTML5. اسمحوا لي أن أقتبس من ذلك ، لقد كتب في الأصل مثل هذا:
<div class = story>
<h3> <a href = story1.html> صوت بروس لوسون أكثر جاذبية على الأرض </a> </h3>
<p> <a href = story1.html> <img src = bruce.jpg alt = full story. ]
<p> <a href = story1.html> اقرأ المزيد </a> </p>
</div>
الآن هذا ما يمكنك كتابته في HTML5
<article>
<a href = story1.html>
<h3> صوت بروس لوسون جاذبية على الأرض </h3>
<p> <img src = bruce.jpg alt = رائع lovebundle. > لقد صوت مؤتمر يمثل جميع نساء الكوكب بالإجماع بروس لوسون باعتباره أكثر جاذبية على قيد الحياة. </p>
<p> اقرأ المزيد </p>
</a>
</article>
من منظور إمكانية الوصول ، يتم إضافة نص وصف ALT فقط للصورة (يوفر معلومات أكثر تفصيلاً لقراء الشاشة) ، دون إنشاء العديد من الأزادات الزائدة! واحدة من أفكار HTML5 هي البراغماتية ، وبدقة اليوم ، إنها مصحوبة ، أم ~
على الرغم من أن طريقة الكتابة هذه ليست متوافقة إلى الأمام ، إلا أن الاختبار بواسطة Doctor HTML5 يوضح أن المتصفحات السائدة تدعمها ، أي:
يمكنك أنت وأصدقائك الآن استخدامه في المشروع!
لكي تكون متوافقًا مع الأخطاء اليدوية IE6/7 ، تحتاج إلى إضافة رمز مثل هذا في Reset.css:
1 A Div ، A H3 ، AP ، ... {#Cursor: Hand}