مدخلات HTML الخاصة بي ليست علامة صالحة، الرجاء المساعدة

Question

على موقع الويب الخاص بي، لدي التعليمات البرمجية التالية:

<input type="image" src="images/btn.png" alt="Submit" border="0" height="25" width="102" />

عندما أقوم بتشغيل موقع الويب الخاص بي من خلال أحد موصلات HTML العديدة، فهي تطالب بإبلاغني بذلك:

• الحدود
• ارتفاع
• العرض

هي سمات غير صالحة لعنصر الإدخال.

ومع ذلك، فإن yslow و google pagespeed أبلغني أنه يجب علي أن أظن دائما أبعاد الصورة لتحسين تسريع تحليل HTML.

ما هي الطريقة الأخرى الموجودة بالنسبة لي لاستخدام زر إرسال صورة بينما لا يزال HTML صالحا وبعد توصيات yslow؟

Answer 1

استخدم CSS لتحقيق نفس الهدف. إما مضمنة CSS:

<input type="image" src="images/btn.png" alt="Submit"
       style="border:0; width:102px; height:25px;" />

أو حتى الأفضل بعد، بأسلوب في ملف CSS الخاص بك:

لغة البرمجة:

<input type="image" src="images/btn.png" alt="Submit"
       class="somethingMeaningful" />

CSS:

input.somethingMeaningful { border: 0; width: 102px; height: 25px; }

إذا كان yslow أو google pagespeed لا يزال يشكو، وتجاهل.

Answer 2

سرعة التحقق من الصحة والتحليل هي شيئان مختلفان، هذه الأدوات الثلاثة هي حق في تركيزها. فيما يتعلق بالتحذير في المصدق، فإن هذه ليست هناك مواصفات تتضمن هذا النوع من المعلومات حول هذه العلامات، ويمكن إضافتها مع CSS بدلا من HTML.

input{ 
    border: none; 
    height:25px; 
    width: 102px; 
}

Answer 3

يجب عليك إضافة هذه الملفات الخارجية عبر CSS لأن التحقق من صحة HTML للتحقق من عدم تحديد أي قيم التصميم.

الفكرة وراء التحقق من الصحة هي أن الصفحة يجب أن تكون قادرة على النظر إليها دون أي CSS. ولكن، فإن الفكرة وراء سرعة صفحة Google هي جعل الصفحة تحميل الأسرع.

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

Answer 4

border, height و width ليست جزءا من مواصفات W3C: http://www.w3schools.com/tags/tag_input.asp. وبالتالي غير صالح. لا يساعدون في تسريع تحليلات HTML، ولكن عرض الصور، لأن المتصفح لن يحتاج إلى حساب الأبعاد.

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