Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 
 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

تعلم html خطوة بخطوة rushdy.net

الدرس السابع عشر - التاجات الخاصة - التأكد من الملائمة مع جميع المتصفحات

الأساسيات - الألوان - الخطوط - الفقرات والقوائم - الصور والرسومات - اللينكات - الجداول1 - الجداول2 - الإطارات1 - الإطارات2 - الإطارات3 - الإطارات4 - تاجات متنوعة - الخرائط الصورية - النماذج1 - النماذج2 - التاجات الخاصة - الويب واللغة العربية - الميتا تاج - المراجع

 

 


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

هل سبق لك وأن صادفت عبارة Best Viewed with MS Internet Explorer أو (أفضل مشاهدة بواسطة المتصفح إكسبلورر أو فيرفوكس أو كروم) عند زيارتك لبعض مواقع الإنترنت? حتماً لقد شاهدت مثل هذه العبارات تذيل الكثير من المواقع. والحقيقة أن مصممي هذه المواقع ليسوا بالضرورة من المعجبين بهذا المتصفح أو ذاك بحيث يعلنوا ولائهم له دون غيره من المتصفحات. لكن بكل بساطة ربما قاموا بتضمين بعض التاجات أو الخصائص التي يدعمها ذلك المتصفح فقط في صفحاتهم…! بحيث إذا قام زائر ما بالدخول إلى ذلك الموقع مستخدماً متصفحاً آخر غير الموصى به فلن يشاهد نفس النتيجة التي يشاهدها زائر آخر يستخدم المتصفح المطلوب. (طبعاً لا أستطيع أن أعمم هذا لأن هناك العديد من المصممين الذين يفضلون فعلاً متصفحاً عن غيره سواءً قاموا بتضمين التاجات الخاصة به أم لا)
 
نعم، يوجد هناك العديد من التاجات في لغة HTML التي قامت الشركات المنتجة للمتصفحات كمايكروسوفت ونيتسكيب بتطويرها بحيث تعمل على متصفحها الخاص دون غيره من المتصفحات Browser Specific Tags (من قال لك أن الشركات الكبرى تتعامل مع بعضها البعض كالكبار). وقد يصل الأمر أحياناً إلى وجود تاجات موحدة تدعمها جميع المتصفحات لكن طريقة تنفيذ وعرض هذه التاجات هي التي تختلف. وأذكرك بما قلناه في الدرس الرابع عند الحديث عن القوائم. فقد شاهدنا كيف أن كلا المتصفحين يدعمان التاج <UL> والخاصية TYPE لكنهما يختلفان على القيم التي تدرج معهما. وهذا مثال واحد فقط على هذا الإختلاف.

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

فما الحل إذن؟

الحل الآن أصبح سهل حيث يمكنك مراجعة التاجات المستخدمة والكشف عليها وإخراج ما بها من أخطاء وذلك بإستخدام خدمة المراجعة والتصحيح من موقع W3
إليك اللينك التالي للدخول علي الصفحة المخصص لذلك :
www.validator.w3.org

أيظاً إذا كنت تستخدم متصف الفيرفوكس فيمكنك إستخدام Html Validator
ولإضافته يمكن الدخول علي
www.addons.mozilla.org/ar/firefox/addon/html-validator

وأيظاً مع متصفح الكروم يمكنك إستخدام HTML Validator
www.chrome.google.com/webstore/detail/html-validator/cgndfbhngibokieehnjhbjkkhbfmhojo


في رايي لا بد من مراجعة الصفحة بكل المتصفحات المتاحة حتي بعد الكشف عنها لأنه في بعض الأحيان قد نكتشف أن تاج معين قد ظهر بطريقة غير مرغوبة في أحدي المتصفحات وفي هذه الحالة يكون الحل أن نحدد التاج ثم نبحث علي جوجل عن مشكلة تظهر في تاج كذا عندما يعرض علي متصفح كذا ... وبالبحث إن شاء الله سنجد الحل .
وإن كان من القليل حدوث ظهور مشاكل بعد أستخدام Html Validator ولكن لزم التنويه لتكتمل الصورة .
أيظاً في حالت أنك تستخدم أكواد CSS فيمكنك مراجعت مدي صحت هذه الأكواد وملائمتها مع كل المتصفحات وذلك من خلال أستخدام الخدمة المقدمة أيظاً من موقع W3
وذلك بالدخول علي الرابط التالي :
www.jigsaw.w3.org/css-validator

لمن يرغب المزيد حول هذا الموضوع ( التاجات الخاصة )برجاء زيارة الروابط التالية :
http://www.techradar.com/news/internet/how-to-make-sure-every-browser-loves-your-site-679657
http://stackoverflow.com/questions/978832/how-to-make-sure-the-css-work-fine-with-all-browsers-without-eye-testing-on-each
http://www.foraywhile.com/how-to-make-sure-your-website-works-on-all-browsers
https://support.google.com/webmasters/answer/100782
http://www.w3.org/community/webed/wiki/Optimizing_content_for_different_browsers:_the_RIGHT_way

   

 


أخي الكريم أرجوك لا تتردد في التواصل معي إذا كان هناك أي أسئلة
سواء عن طريق البريد الإلكتروني
mohamed@rushdy.net

أو بزيارة صفحتي علي الفيس بوك .. ولا تنساني من الليك
rushdy.net on facebook facebook

 

الأساسيات - الألوان - الخطوط - الفقرات والقوائم - الصور والرسومات - اللينكات - الجداول1 - الجداول2 - الإطارات1 - الإطارات2 - الإطارات3 - الإطارات4 - تاجات متنوعة - الخرائط الصورية - النماذج1 - النماذج2 - التاجات الخاصة - الويب واللغة العربية - الميتا تاج - المراجع

 
 
    
        E-Mail : mohamed@rushdy.net
        Mobile : (+2) 0111 42 777 62
    

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

    
aman4u.net radwa.net
concord-s.com elkhalegeya.com
mforleather.com atef-khattab.com
esouqoman.com alharam-ind.com
afifi-trading.com pharma-is.com
mforleather.com yr-d.com
 
facebook twitter youtube reddit flickr linkedin Instagram delicious stumbleupon rss