What is W3C
W3C is the abbreviation of the English World Wide Web Consortium, and the Chinese meaning is the W3C Council or the World Wide Web Alliance. The W3C organization is a non-profit organization that formulates network standards. Standards such as HTML, XHTML, CSS, and XML are customized by the W3C.
W3C's main specifications
To date, W3C has developed more than 50 specifications (drafts). These specifications (drafts) include HTML, HTTP, URIs, XML, etc. that people are already familiar with, as well as RDF, OWL, etc. for the Semantic Web.
*
HTML/XHTML : HTML is one of the foundations of the Web. Based on HTML, colorful pages began to appear on the Web, containing a variety of information. Based on HTML, the Web has stepped out of the ivory tower in a simple and easy-to-use way and has become a public resource and wealth for the whole society. W3C has launched multiple versions of HTML, including the first version in December 1997, the update in April 1998, and HTML version 4.01 in December 1999. XHTML is an extension to HTML 4.01 in which the semantic features of XML can be used. XHTML 1.0 was released as a recommended standard in January 2000; XHTML Basic is a device-independent (such as mobile phones, PDAs, etc.) Modular version of XHTML1.1.
*
CSS : CSS is responsible for providing web designers with rich styling space to design web pages. The separation mechanism between web page structure content and presentation provided by CSS greatly simplifies website management and improves the efficiency of website development. CSS can be used to control the presentation of any HTML and XML content. CSS1.0 was launched in December 1996, and CSS2.0 was released in May 1998.
*
XML : XML 1.0, released in February 1998, is one of the most forward-looking and influential standards of W3C. As the first important cornerstone of the next generation Web, XML provides powerful functions for distributed and heterogeneous data exchange, and separates the data itself from the performance of the data. At the same time, as far as the data itself is concerned, the value of the data and Semantics are also properly separated. In fact, XML has developed into a family of technologies, including XML Schema released in May 2001, XML Namespaces released in January 1999, XSLT released in November 1999 for processing XML transformations and for positioning in XML documents XPath, as well as XLink and XML Base released in June 2001. In addition, the emergence of XML provides a common basis for programs to automatically process Web data and information, as well as Web services (WSDL, SOAP, UDDI specifications).
*
DOM : DOM provides a basic object model for the processing of data carriers such as HTML and XML and information carriers in memory, and can provide the structure, format, events, etc. connected to the file. Because it does not depend on any programming language or web page description language, it provides a standard, independent interface for effectively processing HTML and XML data. DOM has gone through three versions, namely DOM Level 1 released in October 1998, DOM Level 2 released in November 2000, and DOM Level 3 released in 2003.
W3C standards usage examples
When the top is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Please pay attention to the following situations. The premises used are based on the sentence at the top!
1. Use lowercase letters for all labels.
It is recommended to develop a good habit of using lowercase for ul span li div. Of course, when the top declaration is as shown above, it is not strictly case-sensitive.
2. Header file meta and link tags.
Error: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Correct: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Error: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Correct: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Correct: <meta http-equiv="Content-Language" content="zh-CN" >
3. JS call.
Error: <script src="/wl_inc/main.js" ></script>
Error: <script src="/wl_inc/main.js" language="javascript"></script>
Correct: <script src="/wl_inc/main.js" type="text/javascript"></script>
Correct: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. Do not use the height of table <table> such as height="101"
Correct: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellspacing="0">
5. Use alt and title correctly
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Everyone teaches" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Everyone teaches">Nanning Everyone teaches</a>
All pictures without links must be added with alt="", such as:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. When the declaration file is as mentioned above, double quotes or single quotes can be omitted.
For example: <div id=navpart> or <div id="navpart"> both pass w3c standards.
7. The form only uses ID
Correct: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Error: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
Error: <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Error using form tag: <table><form><tr><td></td></tr></form></table>
Correct: <form><table><tr><td></td></tr></table></form>
Methods to remove the extra empty parts of the form are: <form style="margin:0">
8. No slash/ after input >
Error: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Enter name keyword'){this.value='';}" value="Enter name keyword" />
Correct: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Enter name keyword'){this.value='';}" value="Enter name keyword" >
9. Use align and valign values correctly.
Error: align="middle", you can use style="text-align:center;".
Correct: align="left",align="left",align="right",align="justify",align="char"
Error: valign="center"
Correct: valign="top",align="middle",align="bottom",align="baseline"
10. The table TABLE uses background images.
Error: background="/wl_pic/sp2.jpg"
Correct: style="background:url(/wl_pic/sp2.jpg);"
Error: bgColor=#eeeeee
Correct: bgColor="#eeeeee"
11. Solutions for webmaster statistics code failure. Change & to &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. How does FLASH focus map pass W3C?
<!--Focus chart starts-->
<script type="text/javascript">
<!--
var interval_time=5 //Picture pause time, unit is second, if it is 0, automatic switching will stop
var focus_width=268 //Width
var focus_height=222 //height
var text_height=20 //Title height
var text_align= 'center' //Title text alignment (left, center, right)
var swf_height = focus_height+text_height //The sum should be an even number, otherwise the numbers will be blurred and distorted.
<%call 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='+ 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='+ interval_time+'" menu="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);
//-->
</script>
