字体大小: 【返回】
您的位置:首页 > 资讯中心 > > 正文阅读

W3C网页标准和CSS2.0规范都包括什么?

来源:sugood.com 发布时间:2011-2-26 阅读:8075次

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="css/style.css" type="text/css" rel="stylesheet">
正确:<link href="css/style.css" type="text/css" rel="stylesheet" />
正确:<meta http-equiv="Content-Language" content="zh-CN" >

3、JS调用。
错误:<script src="js/main.js" ></script>
错误:<script src="js/main.js" language="javascript"></script>
正确:<script src="js/main.js" type="text/javascript"></script>

4、表格<table>高度
不要使用如height="101"
正确:<table width="960" style="height:101px;" border="0" align="center" cellpadding="0" cellspacing="0">

5、正确使用alt、title
<a href="/"><img src="images/logo.gif" border="0" alt="SEOWHY" ></a>
<a href="yakatong.htm" class="red" title="SEOWHY">SEOWHY</a>
凡是没有带加链接的图片必须加上alt=""如:
<img height="11" src="images/tu.gif" width="11" alt="上海网站设计">

6、在声明文件为前面说的情况下,可省略双引号或单引号。
如:<div id=navpart> 或者 <div id="navpart"> 都通过w3c标准的。

7、表单form只使用ID
正确:<form id="sugood-com" method="get" action="sugood" style="margin:0">
错误:<form name="sugood-com" method="get" action="sugood" style="margin:0">
错误:<form name="sugood-com" id="sugood" method="get" action="sugood" 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="images/pic2.jpg"
正确:style="background:url(images/pic2.jpg);"
错误:bgColor=#eeeeee
正确:bgColor="#eeeeee"

11、站长统计代码不通过的解决办法。把&修改为&
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=549764236553&web_id=549764236553" 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 //相加之和最好是偶数,否则数字会出现模糊失真的问题
<?ll 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>
<!--焦点图结束-->

以上案例经过测试可用!

免责声明:力倡网络文化,崇尚互联共享。本站所发表的文章新闻资讯,部份来自互联网转载,若有冒犯原创之处请来信告知,我们第一时间内删除。同时所发表或转载的文章新闻信息,并不代表本站赞同或者支持该文的观点,我们的立场仅限于传播更多读者感兴趣的信息。