[نقاش حضاري]: لمذا نتبع المعايير القياسية في صفحاتنا

[ABo.AzAzI]

إضاءات:
# CSS+XHTML = موقع محبوب لدى محركات البحث !
# CSS+XHTML = موقع خفيف و سريع !
# CSS+XHTML = سهل التغيير و التحديث بالنسبة للمظهر !
---
> متصفح فايرفوكس ؟! :-
[!] قد تُصمم صفحة ليست مطابقة للمعايير القياسية و تعمل بكفاءة مع الفايرفوكس !!
[!] اختلاف الشكل الظاهري للموقع في الفايرفوكس عن الانترنت اكسبلولر أو اي متصفح لا يعني أن الموقع غير مطابق للمعايير القياسية !!
[!] أغلب الإختلافات في الشكل الظاهري للموقع في الفايرفوكس عن الانترنت اكسبلولر أو اي متصفح تكمن في كود الصفحة الذي يحتوي على أغلاط !!
فمن المخطئ برأيك (فايرفوكس) أم (كاتب الكود)؟
[!] إضافات فايرفوكس تكفي بأن تستخدمه !!

*كتبه أحد مستخدمي Internet Explore سابقا ً !!
---
بالنسبة لموضوع أن تجعل موقعك مطابق للمعايير القياسية لكي يعمل في جميع المتصفحات والأنظمة والأجهزة فلا ننسى استخدام الترميز العالمي "UTF-8" :1power: !!

تحياتي

[سيڨيل]

الأخ سردال مشكور على التوضيحات الكريمة
قد أقوم بتطوير مواقعي لتتوافق مع اللغات القياسية لكن لا أعتقد أنني سوف أستخدم الفايرفوكس كمتصفح رئيسي علماً انه على الجهاز ولكنه ليس الرئيسي

عقب قراءة هذا الموضوع دخلت سكربت الاحصائيات الخاص بموقع الرفع www.tntup.com لمعرفة مجموع الزوار الذين زارو موقعي من الاكسبلورر ومن زاره من الفايرفوكس
11840 زائر عبر الاكسبلورر
829 زائر عبر الفايرفوكس
991 زائر عبر متصفحات أخرى
125 زائر عبر الأوبرا
0 زائر عبر النت سكاب

ملاحظة الاحصائيات لا دخل لها بأي رد بالموضوع ولكن لملاحظة أن أغلب الزوار لا زالو مستخدمين للاكسبلورر
وانا من المعجبين به وخاصة اكسبلورر 7
أدري الرد لا علاقة له باللغة القياسية لكن مداخلة فرعية

[Zizwar]

متصفح الفاير فوكس كله اخطاء وغير جدير بجعل تصاميمنا تكون على معاييرة القياسية

شوفوا ارد على الموضوع من اضافة رد عن طريق متصفح الفاير فوكس كيف ظهر صندوق الأدوات

أعد الدخول بمتصفح الفايرفوكس الى هذه الصفحة
http://www.wino.ws/js/swalif/replay.htm
ولاحظ بعد تعديل بضعة سطور هل مازال المتصفح غير جدير، المشكلة من الكود وليس من الثعلب

وايضاً كلاسات الجداول طالعه شكلها محفورة وشكلها غبي هذا غير ان الأرقام انقلبت إنجليزي
متصفح الــ Mozilla Firefox ماراح ينجح بهذا الشكل

راجع هذا الرابط لتعرف المشكلة الأصلية انها ليست من المتصفح
مشكلة الحدود في سوالف مع Firefox

عقب قراءة هذا الموضوع دخلت سكربت الاحصائيات الخاص بموقع الرفع www.tntup.com لمعرفة مجموع الزوار الذين زارو موقعي من الاكسبلورر ومن زاره من الفايرفوكس
11840 زائر عبر الاكسبلورر
829 زائر عبر الفايرفوكس
991 زائر عبر متصفحات أخرى
125 زائر عبر الأوبرا
0 زائر عبر النت سكاب

المبرمج او المصمم الحقيقي هو الذي يراعي الأقلية مثل ما يراعي الأغلبية، فلو ان صفحات سكريبت التحميل التي عندك غير قياسية فما ذنب 1945 زائر الذين لا يستعملون أنترنت إكسبلورر
مرة أخرى نكرر المنظمة W3C أكبر من Firefox و أنترنت إكسبلورر و Adobe وحتى انها أصبحت أكبر من تيم بريزلي نفسه، فهو الآن ليس بهواه يضع المقاييس، بل هذه المعايير القياسية لها معايير أخرى لإختيارها وهي تمر بعدة مراحل قبل ان تصل الينا، وبكل بساطة نجد سهولة في إنتقادها
قد تنقرض المتصفحات لكن المعايير ستبقى

[سيڨيل]

السلام عليكم
اخوي زيزوار بارك الله فيك
ملاحظة صحيحة

[MBAA]

أعد الدخول بمتصفح الفايرفوكس الى هذه الصفحة
http://www.wino.ws/js/swalif/replay.htm
ولاحظ بعد تعديل بضعة سطور هل مازال المتصفح غير جدير، المشكلة من الكود وليس من الثعلب

يا Zizwar ..

خلي سوالف تعدل لنا القالب

يعطيك العافية أخوي

[سالم العليلي]

ليس لدي ما اضيفه .. فالكبار .. كفوا ووفوا ...
لكن لدي مثال .. وليس فقط مثال بل مشكله يا b happy
لا اخفيك اني مستخدم لوندز .. وماك ..
ولدي حساب بريد في موقع ماك ...
المشكله في الرسائل التي تصلني من قبل الهوتميل
فما زالت ما يكروسوفت ترفض استخدام الترميز UTF-8 وهو ترميز عالمي
وتصر على على ترميزها وندز .. فما بالك لما تأتيك رساله .. وكلها مشفرة
برموز الفارعنه :funny: بالله عليك وترجع وترد وترسل للمرسل رساله
مره اخرى ، وتقوله انك ما قدرت تقرا رسالته لانه حسابي يرفض ترميز وندز
فيرجع ويرسلك :
keef 7alk a5oy , enta b5eer .......الخ .. نص الرساله فهمتها ونص الاخر
الله يعلم اشوه كاتب ..
اعتقد ان المعايير لم توضع هباءً
والسموحه لو خرجت عن الموضوع

[أبو حازم الاسكندراني]

ليت إدارة الموقع تقوم بتعديل قالب المنتدى إلى هذا التصميم القياسي:
http://www.wino.ws/js/swalif/replay.htm

[Zizwar]

ليت إدارة الموقع تقوم بتعديل قالب المنتدى إلى هذا التصميم القياسي:
http://www.wino.ws/js/swalif/replay.htm

ان شاء الله، لقد عرضت الموضوع على المشرفينن واتمنى اعتماده

[hilaby]

السلام ...
النقطة التي تحلها الXHTML والCSS هو فصل التصميم عن المحتوى ... فالXHTML الصحيح او النظيف هو عبارة عن مجموعة جزئية من الXML .. والCSS هو عباره عن قيود او تعلبمات تساعد المتصفح على كيفية اظهار المعلومات في الشاشة ..

و المواقع التي تستخدم الCSS بشكل اساسي لها ميزات جداً مفيدة ... لاحظوا معي كيف يتعامل اي متصفح مع المواقع المبرمجة بالXHTML والCSS

الصفحة الاولى ..
1- المتصفح يٌقرأ رأس الملف
2- يفهم ان الملف مبني على الCSS ثم يقوم بانزال الملف الCSS
3- يعرف انه يجب ان ينزل بقية الملف .. ولان الملف لا يجود فيه اي اوسمة في المحتوى .. سينزيل في بضع اجزاء من الثانية ..
4- ثم ينزل بقية الملفات . مثل الصور وما الى ذالك

الصفحه الثانية من نفس الموقع
1- المتصفح يٌقرأ رأس الملف
2- المتصفح يعلم ان ملف الCSS قد تم تنزيله .. فلا داعي لتحميله مرة اخرى
3- المحتوي يكمل تحميله ..
4- الصور التي يتم تحميله بواسطه الCSS لا يتحمل مره اخرى لانها موجوده في الكاش

... يعني التصفح سريع جداً

اما في المواقع الانترنت التي تستخدم فقط الHTML

الصفحة الاولى .. تجب للمتصفح تزيله بالكامل قبل ان يحاول وضعه في الشاشة لان جميع الالوان والاوامر في الHTML

وايضاً الصفحة الثانية والثالثة ...

فالشيء الملحوض في استخدام الامور او المعاير القياسية هو السرعة في تصفح المواقع ...

[all-patch]

ممكن تجيب على تساؤلين بسيطين مع نفسك .

لماذا أغلب البرمجيات الخاصة بالويب سواء المجانية أو المدفوعة و خاصة العملاقة منها تضع دائما من خصائصا أنها valid xhml و valid css ؟

و لماذا عندما نرى تلك العبارات يتوجه فكرنا مباشرة ان تلك التطبيقات يمكن تصفحها مع الفايرفوكس بدون اي مشاكل ؟

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

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

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

لهذا علينا دائما ان نطور انفسنا و ادائنا ، اللغات القياسية و البرامج الداعمة لها تعتبر تطور جديد و علينا التوجه اليه .

تحياتي لك و لكل المشاركين في الموضوع .

[أبو حازم الاسكندراني]

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

Firefox و Mozilla Suite و Netscape و K-Meleon و Konqueror و Safari و غيرهم من المتصفحات مثل Opera و متصفحات الأجهزة الكفية Palm و PocketPC تعتمد تلك المعايير خصوصا محرك Gecko.

ولو نظرنا على أحد تلك المواقع التي تعتمد بعضا من تلك المعايير سنجد أنه تم إدراج بعض رموز المتصفحات المتوافقة أسفل الموقع كما في الموقع التالي كمثال:
http://QuranTabuk.com

[Bo3oof]

ولو نظرنا على أحد تلك المواقع التي تعتمد بعضا من تلك المعايير سنجد أنه تم إدراج بعض رموز المتصفحات المتوافقة أسفل الموقع كما في الموقع التالي كمثال:
http://QuranTabuk.com

ليس العبرة بادراج المتصفحات المتوافقة مع الموقع، ولكن العبرة باتباع المعايير القياسية كما تفضلت وذكرت، ولكن هذا الموقع مثال سيء لدعم المعايير القياسية

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

العبرة دائما باتباع المعايير القياسية وليس اتباع المتصفحات ...

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

[Zizwar]

مادام الموقع يظهر بشكل جيد في هذين المتصفيحن Opera و Firefox فسيظهران بشكل جيد في باقي المتصفحات القياسية، كسفاري و كونكيرور، أما في PocketPC فأنصح بالمتصفح القياسي NetFront
نقطة ربما قديخالفني فيها البعض أنه ليس ان يقول لي موقع http://validator.w3.org أنه مخالف للمعايير فهو كذالك
فمثلا هناك خطأ مقصود كأ أضيف تعريفة وسط الوسم ك

<img src="images.gif" alt="" wino="images3.jpg" /> 

فهنا تعريفة wino ستعتبر غير قياسية، لكتي انا قصدتها هنا، لأني جعلتها متغير يحمل قيمة امتداد صورة أخرى، اريد جلبها عن طريق جافاسكريبت لغاية في نفس يعقوب، حتما سيقول لي موقع validator ان صفحتك غير قياسية، لكن لايهم لأنها لن تأثر لا على تصميم الموقع ولا على برمجته، وسيظهر في جميع المتصفحات القياسية، ما اريد ان اشير اليه انه ليس ان يقول لنا موقع validator ان الموقع الفلان الفلاني انه غير قياسي فهو كذالك وانه لن يظهر في باقي المتصفحات، بل يجب ان نرى كما اسلفت ماهو نوع الخطأ هل هو مقصود ام غير مقصود، وهل هو خطأ وسم قديم تم نعويضه ام خطأ نسيان اغلاق وسم ام شيء
________________
المتصفح القياسي يجب ان يدعم HTML و XHTML و CSS و DOM وهذه الأخيرة لوحدها قدمت حلا للميرمجين ضلو سنين يعانون برجمة كود لكل متصفح على حدة، الى ان وحدت المنظمة w3c دوال الوصول و الإتصال بالأوسمة و المستندات

[المبدع العربي]

مادام الموقع يظهر بشكل جيد في هذين المتصفيحن Opera و Firefox فسيظهران بشكل جيد في باقي المتصفحات القياسية، كسفاري و كونكيرور، أما في PocketPC فأنصح بالمتصفح القياسي NetFront
نقطة ربما قديخالفني فيها البعض أنه ليس ان يقول لي موقع http://validator.w3.org أنه مخالف للمعايير فهو كذالك
فمثلا هناك خطأ مقصود كأ أضيف تعريفة وسط الوسم ك

<img src="images.gif" alt="" wino="images3.jpg" /> 

فهنا تعريفة wino ستعتبر غير قياسية، لكتي انا قصدتها هنا، لأني جعلتها متغير يحمل قيمة امتداد صورة أخرى، اريد جلبها عن طريق جافاسكريبت لغاية في نفس يعقوب، حتما سيقول لي موقع validator ان صفحتك غير قياسية، لكن لايهم لأنها لن تأثر لا على تصميم الموقع ولا على برمجته، وسيظهر في جميع المتصفحات القياسية، ما اريد ان اشير اليه انه ليس ان يقول لنا موقع validator ان الموقع الفلان الفلاني انه غير قياسي فهو كذالك وانه لن يظهر في باقي المتصفحات، بل يجب ان نرى كما اسلفت ماهو نوع الخطأ هل هو مقصود ام غير مقصود، وهل هو خطأ وسم قديم تم نعويضه ام خطأ نسيان اغلاق وسم ام شيء
________________
المتصفح القياسي يجب ان يدعم HTML و XHTML و CSS و DOM وهذه الأخيرة لوحدها قدمت حلا للميرمجين ضلو سنين يعانون برجمة كود لكل متصفح على حدة، الى ان وحدت المنظمة w3c دوال الوصول و الإتصال بالأوسمة و المستندات

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

[Bo3oof]

مادام الموقع يظهر بشكل جيد في هذين المتصفيحن Opera و Firefox فسيظهران بشكل جيد في باقي المتصفحات القياسية، كسفاري و كونكيرور، أما في PocketPC فأنصح بالمتصفح القياسي NetFront

لا أخي زيزوار ليس بالضرورة، فأنا أتكلم مرة عن تجربة شخصية حصلت لي بأن وضعت وسم <input> بخصائص معينة عن طريق CSS فظهر لي على الانترنت اكسبلورر على اليمين، وفي Firefox في الوسط، وفي Opera على اليسار
وهل تعلم شيئا، أن حتى فايرفوكس لا يدعم المعايير القياسية؟
هناك امتحان يقال له ACID2 Test وهو امتحان كفائة المتصفحات في دعم المعايير القياسية من منظمة webstandards.org ادخل عليه بكافة المتصفحات التي لديك وشوف النتيجة
http://www.webstandards.org/files/acid2/test.html
وأن متصفح الأوبرا من من نجحوا في هذا الاختبار مع متصفح سفاري، وفايرفوكس نجح في هذا الاختبار في النسخة 3 التي مازالت تحت التجربة

نقطة ربما قديخالفني فيها البعض أنه ليس ان يقول لي موقع http://validator.w3.org أنه مخالف للمعايير فهو كذالك
فمثلا هناك خطأ مقصود كأ أضيف تعريفة وسط الوسم ك

<img src="images.gif" alt="" wino="images3.jpg" /> 

فهنا تعريفة wino ستعتبر غير قياسية، لكتي انا قصدتها هنا، لأني جعلتها متغير يحمل قيمة امتداد صورة أخرى، اريد جلبها عن طريق جافاسكريبت لغاية في نفس يعقوب، حتما سيقول لي موقع validator ان صفحتك غير قياسية

نعم ولكن هناك حل آخر إذا كان ولا بد لك أن تضيف هذه الخاصية في وسم <img> وهي مايعرف بCustom DTD وهذا يتيح لك تعريف خصائصك المعينة التي تحتاج إضافتها واستخدام Doctotype خاص في صفحتك، وبالتالي هذا سينجح في اختبار المعايير القياسية

<!DOCTYPE mydoctype SYSTEM "mydoctype.dtd">

<!ENTITY % eopcustomblock "myblock">
<!ENTITY % eopcustominline "myinline">

<!ELEMENT myblock ANY>
<!ATTLIST myblock
  id          CDATA             #IMPLIED
  name        CDATA             #REQUIRED
>

<!ELEMENT myinline EMPTY>

فأنت الان حافظت على نجاح موقعك بالمعايير القياسية واستخدمت attribute خاصة بك في داخل وسم جديد أو قديم

ولزيادة الاطلاع أكثر حول كيفية عمل Custom dtd هذا الموضع يشرح لك ذلك
http://www.realobjects.com/fileadmin...l/ch02s07.html

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

يمكنك كما أسلفت الاستفادة من الاثنين، بنجاح موقعك بالمعايير القياسية والاستفادة من الخاصية الجديدة المضافة على وسم <img> ولكن عندما ينجح الموقع فهناك أيضا معايير أخرى ك هل نجح الموقع XHTML 1.0 Strict أو نجح ب XHTML 1.0 Transitional أو XHTML 1.1 أو ب Custom dtd
المقصود هنا أنه تتبع المعايير القياسية بحد ما تستطيع وليس أن تلجأ دائما إلى custom dtd لحل مشاكلك كاللجوء إلى توجيه خصائص CSS معينة لكل متصفح