ماذا يعني W3C مقدمة لمعايير W3C؟
الكاتب:Eve Cole
وقت التحديث:2024-12-25 10:04:32
ما هو W3C
W3C هو اختصار لاتحاد شبكة الويب العالمية باللغة الإنجليزية، والمعنى الصيني هو مجلس W3C أو تحالف شبكة الويب العالمية. منظمة W3C هي منظمة غير ربحية تقوم بصياغة معايير الشبكة مثل HTML وXHTML وCSS وXML التي يتم تخصيصها بواسطة W3C.
المواصفات الرئيسية لـ W3C
حتى الآن، طورت W3C أكثر من 50 مواصفات (مسودة). تتضمن هذه المواصفات (المسودات) HTML وHTTP وURIs وXML وما إلى ذلك التي يعرفها الأشخاص بالفعل، بالإضافة إلى RDF وOWL وما إلى ذلك للويب الدلالي.
* HTML/XHTML : يعد HTML أحد أسس الويب. استنادًا إلى HTML، بدأت الصفحات الملونة في الظهور على الويب، والتي تحتوي على مجموعة متنوعة من المعلومات. استناداً إلى HTML، خرجت الويب من البرج العاجي بطريقة بسيطة وسهلة الاستخدام وأصبحت مورداً عاماً وثروة للمجتمع بأكمله. أطلقت W3C إصدارات HTML متعددة على التوالي، بما في ذلك الإصدار الأول في ديسمبر 1997، والتحديث في أبريل 1998، وإصدار HTML 4.01 في ديسمبر 1999. XHTML هو امتداد لـ HTML 4.01 حيث يمكن استخدام الميزات الدلالية لـ XML. تم إصدار XHTML 1.0 كمعيار موصى به في يناير 2000؛ XHTML Basic هو إصدار معياري مستقل عن الجهاز (مثل الهواتف المحمولة وأجهزة المساعد الرقمي الشخصي وما إلى ذلك).
* CSS : CSS مسؤول عن تزويد مصممي الويب بمساحة غنية لتصميم صفحات الويب. تعمل آلية الفصل بين محتوى بنية صفحة الويب والعرض التقديمي الذي توفره CSS على تبسيط إدارة موقع الويب بشكل كبير وتحسين كفاءة تطوير موقع الويب. يمكن استخدام CSS للتحكم في عرض أي محتوى HTML وXML. تم إطلاق CSS1.0 في ديسمبر 1996، وتم إصدار CSS2.0 في مايو 1998.
* XML : XML 1.0، الذي تم إصداره في فبراير 1998، هو أحد المعايير الأكثر تطلعًا للمستقبل وتأثيرًا في W3C. باعتباره حجر الزاوية الأول المهم للجيل القادم من الويب، يوفر XML وظائف قوية لتبادل البيانات الموزعة وغير المتجانسة، ويفصل البيانات نفسها عن أداء البيانات، وفي الوقت نفسه، بقدر ما يتعلق الأمر بالبيانات نفسها، فإن القيمة يتم أيضًا فصل البيانات والدلالات بشكل صحيح. في الواقع، تطورت لغة XML إلى عائلة من التقنيات، بما في ذلك مخطط XML الذي تم إصداره في مايو 2001، ومساحات أسماء XML التي تم إصدارها في يناير 1999، وإصدار XSLT في نوفمبر 1999 لمعالجة تحويلات XML وتحديد موضعها في مستندات XML XPath، بالإضافة إلى XLink وXML. تم إصدار القاعدة في يونيو 2001. بالإضافة إلى ذلك، فإن ظهور لغة XML يوفر أساسًا مشتركًا للبرامج التي تقوم تلقائيًا بمعالجة بيانات ومعلومات الويب، بالإضافة إلى خدمات الويب (مواصفات WSDL، SOAP، UDDI).
* DOM : يوفر DOM نموذج كائن أساسيًا لمعالجة ناقلات البيانات مثل HTML وXML وناقلات المعلومات في الذاكرة، ويمكنه توفير الهياكل والتنسيقات والأحداث وما إلى ذلك المرتبطة بالملفات. نظرًا لأنه لا يعتمد على أي لغة برمجة أو لغة وصف لصفحات الويب، فهو يوفر واجهة قياسية مستقلة لمعالجة بيانات HTML وXML بشكل فعال. لقد مر DOM بثلاثة إصدارات، وهي DOM المستوى 1 الذي تم إصداره في أكتوبر 1998، وDOM المستوى 2 الذي تم إصداره في نوفمبر 2000، وDOM المستوى 3 الذي تم إصداره في عام 2003.
أمثلة على استخدام معايير W3C
عندما تكون القمة:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
يرجى الانتباه إلى المواقف التالية: تعتمد المباني المستخدمة على الجملة الموجودة في الأعلى!
1. استخدم الحروف الصغيرة لجميع التسميات.
يوصى بتطوير عادة جيدة لاستخدام الأحرف الصغيرة لـ ulspan li div. بالطبع، عندما يكون الإعلان العلوي كما هو موضح أعلاه، فهو ليس حساسًا لحالة الأحرف بشكل صارم.
2. ملف التعريف وعلامات الارتباط.
خطأ: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
الصحيح: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
خطأ: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
صحيح: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
الصحيح: <meta http-equiv="Content-Language" content="zh-CN" >
3. استدعاء شبيبة.
خطأ: <script src="/wl_inc/main.js" </script>
خطأ: <script src="/wl_inc/main.js" language="javascript"></script>
الصحيح: <script src="/wl_inc/main.js" type="text/javascript"></script>
صحيح: <script src="/wl_inc/main.js" type="text/javascript" ><</script>
4. لا تستخدم ارتفاع الجدول <table> مثل height = "101"
صحيح: <عرض الجدول = "970" نمط = "الارتفاع: 101px؛" الحدود = "0" محاذاة = "مركز" cellpadding = "0" تباعد الخلايا = "0">
5. استخدم البديل والعنوان بشكل صحيح
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="ناننينغ الجميع يعلم" </a>
<a href="/NoticeHTML/?2.htm" class="bt" title="الجميع يعلمون في ناننينغ">الجميع يعلمون في ناننينغ</a>
جميع الصور بدون روابط يجب إضافتها بـ alt=""، مثل:
<img height = "11" src = "/wl_pic/tu.gif" width = "11" alt = "">
6. عندما يكون ملف الإقرار كما هو مذكور أعلاه، يمكن حذف علامات الاقتباس المزدوجة أو علامات الاقتباس المفردة.
على سبيل المثال: <div id=navpart> أو <div id="navpart"> كلاهما يجتازان معايير w3c.
7. يستخدم النموذج المعرف فقط
صحيح: <form id="soso"method="get" action="/WL_T_soso/" style="margin:0">
خطأ: <form name = "soso"method = "get" action = "/WL_T_soso/" style = "margin:0">
خطأ: <form name = "soso" id = "soso" Method = "get" action = "/WL_T_soso/" style = "margin:0">
خطأ في استخدام علامة النموذج: <table><form><tr><td></td></tr></form></table>
الصحيح: <form><table><tr><td></td></tr></table></form>
طرق إزالة الأجزاء الفارغة الإضافية من النموذج هي: <form style="margin:0">
8. لا يوجد شرطة مائلة/ بعد الإدخال >
خطأ: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='أدخل الكلمة الأساسية للاسم'){this.value='';}" value="أدخل الكلمة الأساسية للاسم" />
صحيح: <input name = "T_name" class = "textinput" onFocus = "javascript:if (this.value = 'أدخل الكلمة الأساسية للاسم') {this.value =''؛}" value = "أدخل الكلمة الأساسية للاسم" >
9. استخدم قيم المحاذاة والمحاذاة بشكل صحيح.
خطأ: محاذاة = "وسط"، يمكنك استخدام النمط = "محاذاة النص: المركز؛".
تصحيح: محاذاة = "يسار"، محاذاة = "يسار"، محاذاة = "يمين"، محاذاة = "ضبط"، محاذاة = "حرف"
خطأ: فالين = "المركز"
الصحيح: valign='top',align='middle',align='bottom',align='baseline'
10. يستخدم الجدول TABLE صور الخلفية.
خطأ: الخلفية = "/wl_pic/sp2.jpg"
صحيح: النمط = "الخلفية: url (/wl_pic/sp2.jpg)؛"
الخطأ: bgColor=#eeeeee
صحيح: bgColor = "#eeeeee"
11. حلول لفشل كود إحصائيات مشرف الموقع. تغيير & إلى &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. كيف تجتاز خريطة التركيز البؤري FLASH W3C؟
<!--يبدأ مخطط التركيز-->
<نوع البرنامج النصي = "نص/جافا سكريبت">
<!--
var Interval_time=5 // وقت إيقاف الصورة مؤقتًا، الوحدة هي الثانية، إذا كانت 0، سيتوقف التبديل التلقائي
فار focus_width=268 //width
فار focus_height=222 //height
var text_height=20 //ارتفاع العنوان
var text_align= 'center' //محاذاة نص العنوان (يسار، وسط، يمين)
var swf_height = focus_height+text_height // يجب أن يكون المجموع عددًا زوجيًا، وإلا ستكون الأرقام غير واضحة ومشوهة.
<%اتصال بـ WL_hot_pic(5)%>
var WLABCD = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=8,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">';
WLABCD += '<param name = "movie" value = "flash/pixviewer.swf"> <param name = "quality" value = "high"> <param name = "bgcolor" value = "#ffffff">' ;
WLABCD += '<param name="menu" value="false"><param name=wmode value="opaque">';
WLABCD +='<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ الفاصل الزمني_الوقت+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ الفاصل الزمني_الوقت+'" القائمة="خطأ" bgcolor="#ffffff" Quality="high" width="'+ focus_width +'" height="'+ swf_height +'"allowScriptAccess="sameDomain" type="application /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</object>';
document.write(WLABCD);
//-->
</script>