W3C คืออะไร
W3C เป็นตัวย่อของ English World Wide Web Consortium และภาษาจีนหมายถึง W3C Council หรือ World Wide Web Alliance องค์กร W3C เป็นองค์กรไม่แสวงผลกำไรที่กำหนดมาตรฐานเครือข่าย เช่น HTML, XHTML, CSS และ XML ได้รับการปรับแต่งโดย W3C
ข้อมูลจำเพาะหลักของ W3C
จนถึงปัจจุบัน W3C ได้พัฒนาข้อกำหนด (ฉบับร่าง) มากกว่า 50 รายการ ข้อกำหนด (แบบร่าง) เหล่านี้ประกอบด้วย HTML, HTTP, URIs, XML ฯลฯ ที่ผู้คนคุ้นเคยอยู่แล้ว เช่นเดียวกับ RDF, OWL ฯลฯ สำหรับ Semantic Web
*
HTML/XHTML : HTML เป็นหนึ่งในรากฐานของเว็บ ตาม HTML หน้าที่มีสีสันเริ่มปรากฏบนเว็บซึ่งประกอบด้วยข้อมูลที่หลากหลาย ด้วยพื้นฐาน HTML เว็บได้ก้าวออกมาจากหอคอยงาช้างด้วยวิธีที่เรียบง่ายและใช้งานง่าย และกลายเป็นทรัพยากรสาธารณะและความมั่งคั่งของสังคมทั้งหมด W3C ได้เปิดตัว HTML หลายเวอร์ชัน รวมถึงเวอร์ชันแรกในเดือนธันวาคม พ.ศ. 2540 การอัปเดตในเดือนเมษายน พ.ศ. 2541 และ HTML เวอร์ชัน 4.01 ในเดือนธันวาคม พ.ศ. 2542 XHTML เป็นส่วนขยายของ HTML 4.01 ซึ่งสามารถใช้คุณสมบัติเชิงความหมายของ XML ได้ XHTML 1.0 เปิดตัวเป็นมาตรฐานที่แนะนำในเดือนมกราคม พ.ศ. 2543 XHTML Basic เป็นเวอร์ชันที่ไม่ขึ้นอยู่กับอุปกรณ์ (เช่น โทรศัพท์มือถือ PDA ฯลฯ ) เวอร์ชันโมดูลาร์ของ XHTML1.1
*
CSS : CSS มีหน้าที่รับผิดชอบในการจัดหาพื้นที่ใส่สไตล์ที่หลากหลายให้กับนักออกแบบเว็บไซต์เพื่อออกแบบหน้าเว็บ กลไกการแยกระหว่างเนื้อหาโครงสร้างหน้าเว็บและการนำเสนอที่จัดทำโดย CSS ช่วยให้การจัดการเว็บไซต์ง่ายขึ้นอย่างมาก และปรับปรุงประสิทธิภาพของการพัฒนาเว็บไซต์ CSS สามารถใช้เพื่อควบคุมการนำเสนอเนื้อหา HTML และ XML ใด ๆ CSS1.0 เปิดตัวในเดือนธันวาคม พ.ศ. 2539 และ CSS2.0 เปิดตัวในเดือนพฤษภาคม พ.ศ. 2541
*
XML : XML 1.0 ซึ่งเปิดตัวในเดือนกุมภาพันธ์ พ.ศ. 2541 เป็นหนึ่งในมาตรฐานที่เป็นการคาดการณ์ล่วงหน้าและมีอิทธิพลมากที่สุดของ W3C เนื่องจากเป็นรากฐานที่สำคัญประการแรกของเว็บเจเนอเรชั่นถัดไป XML จึงมีฟังก์ชันที่มีประสิทธิภาพสำหรับการแลกเปลี่ยนข้อมูลแบบกระจายและแบบต่างกัน และแยกข้อมูลออกจากประสิทธิภาพของข้อมูล ในเวลาเดียวกัน ตราบใดที่ข้อมูลเกี่ยวข้องด้วย ของข้อมูลและอรรถศาสตร์ก็แยกกันอย่างเหมาะสม ในความเป็นจริง XML ได้พัฒนาเป็นตระกูลของเทคโนโลยี รวมถึง XML Schema ที่เผยแพร่ในเดือนพฤษภาคม พ.ศ. 2544, XML Namespaces ที่เผยแพร่ในเดือนมกราคม พ.ศ. 2542, XSLT เปิดตัวในเดือนพฤศจิกายน พ.ศ. 2542 สำหรับการประมวลผลการแปลง XML และสำหรับการวางตำแหน่งในเอกสาร XML XPath ตลอดจน XLink และ XML ฐานเปิดตัวในเดือนมิถุนายน พ.ศ. 2544 นอกจากนี้ การเกิดขึ้นของ XML ยังจัดให้มีพื้นฐานทั่วไปสำหรับโปรแกรมในการประมวลผลข้อมูลเว็บและข้อมูลโดยอัตโนมัติ เช่นเดียวกับบริการบนเว็บ (ข้อกำหนด WSDL, SOAP, UDDI)
*
DOM : DOM จัดให้มีโมเดลออบเจ็กต์พื้นฐานสำหรับการประมวลผลของผู้ให้บริการข้อมูล เช่น HTML และ XML และผู้ให้บริการข้อมูลในหน่วยความจำ และสามารถจัดเตรียมโครงสร้าง รูปแบบ เหตุการณ์ ฯลฯ ที่เชื่อมต่อกับไฟล์ได้ เนื่องจากไม่ได้ขึ้นอยู่กับภาษาการเขียนโปรแกรมหรือภาษาคำอธิบายหน้าเว็บ จึงมีอินเทอร์เฟซมาตรฐานและเป็นอิสระสำหรับการประมวลผลข้อมูล HTML และ XML อย่างมีประสิทธิภาพ DOM มีทั้งหมดสามเวอร์ชัน ได้แก่ DOM Level 1 เปิดตัวในเดือนตุลาคม พ.ศ. 2541, DOM Level 2 เปิดตัวในเดือนพฤศจิกายน พ.ศ. 2543 และ DOM Level 3 เปิดตัวในปี พ.ศ. 2546
ตัวอย่างการใช้งานมาตรฐาน W3C
เมื่อด้านบนคือ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
โปรดใส่ใจกับสถานการณ์ต่อไปนี้ สถานที่ที่ใช้ เป็นไปตามประโยคด้านบน!
1. ใช้อักษรตัวพิมพ์เล็กสำหรับป้ายกำกับทั้งหมด
ขอแนะนำให้พัฒนานิสัยที่ดีในการใช้ตัวพิมพ์เล็กสำหรับ ul span 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"
แก้ไข: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellspacing="0">
5. ใช้ Alt และ Title อย่างถูกต้อง
<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. แบบฟอร์มใช้เฉพาะ ID เท่านั้น
แก้ไข: <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='Enter name keyword'){this.value='';}" value="Enter name keyword" />
แก้ไข: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Enter name keyword'){this.value='';}" value="Enter name keyword" >
9. ใช้ค่า align และ valign อย่างถูกต้อง
ข้อผิดพลาด: align="middle" คุณสามารถใช้ style="text-align:center;" ได้
แก้ไข: align="left",align="left",align="right",align="justify",align="char"
ข้อผิดพลาด: valign="center"
แก้ไข: valign="top",align="middle",align="bottom",align="baseline"
10. ตาราง TABLE ใช้ภาพพื้นหลัง
ข้อผิดพลาด: พื้นหลัง = "/wl_pic/sp2.jpg"
แก้ไข: style="พื้นหลัง: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 focus map ผ่าน W3C ได้อย่างไร?
<!--เริ่มแผนภูมิโฟกัส-->
<script type="text/javascript">
-
var Interval_time=5 //เวลาหยุดรูปภาพ หน่วยเป็นวินาที ถ้าเป็น 0 การสลับอัตโนมัติจะหยุดลง
var focus_width=268 //ความกว้าง
var focus_height=222 //ความสูง
var text_height=20 //ความสูงของหัวเรื่อง
var text_align= 'center' //การจัดตำแหน่งข้อความชื่อเรื่อง (ซ้าย, กลาง, ขวา)
var swf_height = focus_height+text_height //ผลรวมควรเป็นเลขคู่ ไม่เช่นนั้นตัวเลขจะเบลอและบิดเบี้ยว
<%โทร WL_hot_pic(5)%>
var WLABCD = '<วัตถุ 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 += '<ชื่อพารามิเตอร์="เมนู" ค่า="false"><ชื่อพารามิเตอร์=ค่า wmode="ทึบแสง">';
WLABCD +='<ชื่อพารามิเตอร์="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&texttheight='+text_height+'&text_align='+text_align+'&interval_time='+ Interval_time+'">';
WLABCD +='<ฝัง src="flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&texttheight='+text_height+'&text_align='+text_align+'&interval_time='+ Interval_time+'" เมนู="false" 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);
-
</สคริปต์>
