W3C是什么?
W3C个人认为不是一门技术,更加像是一种习惯标准。让所有的网页设计师统一步伐的一份倡议书!
W3C标准使用实例。
当顶部为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 需注意以下情况,所用前提都是在顶部为是一句基础上而言!
1、所有标签用小写。
建议养成好习惯把ul span li div 都用小写,当然当顶部申明为上面所示,则不严格区分大小写的。
2、头文件meta、link标签。
错误:<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、JS调用。
错误:<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="SEOWHY" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="SEOWHY">SEOWHY</a>
凡是没有带加链接的图片必须加上alt=""如:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6、在声明文件为前面说的情况下,可省略双引号或单引号。
如:<div id=navpart> 或者 <div id="navpart"> 都通过w3c标准的。
7、表单form只使用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">
使用form标签
错误: <table><form><tr><td></td></tr></form></table>
正确: <form><table><tr><td></td></tr></table></form>
去掉form 多余空部分方法有:<form style="margin:0">
8、input后面>不加斜杠/
错误:<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、正确使用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使用背景图片。
错误:background="/wl_pic/sp2.jpg"
正确:style="background: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?
<!--焦点图开始-->
<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' //标题文字对齐方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶数,否则数字会出现模糊失真的问题
<%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>
<!--焦点图结束-->
以上案例经过测试可用!
W3C个人认为不是一门技术,更加像是一种习惯标准。让所有的网页设计师统一步伐的一份倡议书!
W3C标准使用实例。
当顶部为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 需注意以下情况,所用前提都是在顶部为是一句基础上而言!
1、所有标签用小写。
建议养成好习惯把ul span li div 都用小写,当然当顶部申明为上面所示,则不严格区分大小写的。
2、头文件meta、link标签。
错误:<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、JS调用。
错误:<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="SEOWHY" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="SEOWHY">SEOWHY</a>
凡是没有带加链接的图片必须加上alt=""如:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6、在声明文件为前面说的情况下,可省略双引号或单引号。
如:<div id=navpart> 或者 <div id="navpart"> 都通过w3c标准的。
7、表单form只使用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">
使用form标签
错误: <table><form><tr><td></td></tr></form></table>
正确: <form><table><tr><td></td></tr></table></form>
去掉form 多余空部分方法有:<form style="margin:0">
8、input后面>不加斜杠/
错误:<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、正确使用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使用背景图片。
错误:background="/wl_pic/sp2.jpg"
正确:style="background: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?
<!--焦点图开始-->
<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' //标题文字对齐方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶数,否则数字会出现模糊失真的问题
<%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>
<!--焦点图结束-->
以上案例经过测试可用!