换一批

Web标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

经验文章 概述
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

基本信息

中文名称

WEB标准

部分1

结构

部分3

行为

部分2

表现

结构标准

可扩展标记语言

可扩展标记语言(标准通用标记语言下的一个子集、外语缩写:XML)。和HTML一样,XML同样来源于标准通

​用标记语言,可扩展标记语言和标准通用标记语言都是能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。

可扩展超文本标记语言

可扩展超文本标识语言(外语全称:The Extensible HyperText Markup Language、外语缩写:XHTML)。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

表现标准

一、层叠样式表(外语缩写:CSS)。目前推荐遵循的是万维网联盟(外语缩写:W3C)于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

行为标准

文档对象模型

文档对象模型(外语全称:Document Object Model、外语缩写:DOM)。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JavaScript)。目前推荐遵循的是ECMAScript 262

代码标准

必须结束标记

以前在HTML中,你可以打开许多标签,例如

  • 而不一定写

    对应的

  • 来关闭它们。但在XHTML中这是不合法的。XHTML要求有

    严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加

    一个"/"来关闭它。例如:


    网页设计师

    src="../images/logo_w3cn_200x80.gif" width="200" />

    小写元素和属性名

    与HTML不一样,XHTML对大小写是敏感的,和<TITLE>是不</p><p>同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:</p><p><BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver</p><p>自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</p> <h3><b class=title>标记都必合理嵌套</b></h3> <p>同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以</p><p>前我们这样写的代码:</p><p><p><b></p>/b></p><p>必须修改为:</p><p><p><b></b></p></p><p>就是说,一层一层的嵌套必须是严格对称。</p> <h3><b class=title>属性必须括起来</b></h3> <p>在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加</p><p>引号。例如:</p><p><height=80></p><p>必须修改为:</p><p><height="80"></p><p>特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用</p><p>',例如:</p><p><alt="say'hello'"></p> <h3><b class=title>特殊符号用编码表示</b></h3> <p>任何小于号(<),不是标签的一部分,都必须被编码为& l t ;</p><p>任何大于号(>),不是标签的一部分,都必须被编码为& g t ;</p><p>任何与号(&),不是实体的一部分的,都必须被编码为& a m p;</p><p>注:以上字符之间无空格。</p> <h3><b class=title>所有属性赋值</b></h3> <p>XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:</p><p><td nowrap> <input type="checkbox" name="shirt" value="medium"</p><p>checked></p><p>必须修改为:</p><p><td nowrap="nowrap"> <input type="checkbox" name="shirt"</p><p>value="medium" checked="checked"></p> <h3><b class=title>在注释中不使用的符号</b></h3> <p>“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:</p><p><!--这里是注释-----------这里是注释--></p> <h2> <b class=title>标准测试</b></h2> <h3><b class=title>标准测试内容</b></h3> <p>页面校验地址 http://validator.w3.org/</p><p>CSS文档校验 http://jigsaw.w3.org/css-validator/</p><p>XHTML 1.0 标准规格 : The Extensible HyperText Markup Language</p><p>W3C标准测试网址 http://validator.w3.org/</p><p>测试时一定要有文件类别宣告还有指定文件编码</p><p><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p><p>才能顺利进行测试动作,开始打造一个标准的网站!</p> <h3><b class=title>W3C标准测试使用说明</b></h3> <p><strong>1.XHTML 1.0文件类别宣告的正确写法 (不可小写)</strong></p><p>过度标准(外语全称:Transitional)</p><p>公共标识符 称为:<strong>“</strong>-//W3C//DTD XHTML 1.0 Transitional//EN<strong>”</strong>。</p><p><!DOCTYPE html</p><p>PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p><p>></p><p>框架标准(外语全称:Frameset)</p><p>公共标识符 称为:<strong>“</strong>-//W3C//DTD XHTML 1.0 Frameset//EN<strong>”</strong>。</p><p><!DOCTYPE html</p><p>PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"</p><p>></p><p>严格标准(外语全称:Strict) 包含以上须注意的问题,还有其他更严格的标准</p><p>公共标识符 称为:<strong>“</strong>-//W3C//DTD XHTML 1.0 Strict//EN<strong>”</strong>。</p><p><!DOCTYPE html</p><p>PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"</p><p>></p><p><strong>2.头文件问题</strong></p><p>所有的网页头文件都一律都改为标准形式,写法如下:</p><p><head></p><p><meta http-equiv="content-type" content="text/html; charset=gb2312" /></p><p><meta http-equiv="content-language" content="zh-cn" /></p><p><meta name="keywords" content="..." /></p><p><meta name="description" content="..."/></p><p><title>...

    3.不允许使用target="_blank"

    在HTML4.01可以使用target="_blank",但XHTML1.0是不被允许的.

    我使用了一个HTML4.0的新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。

    原来这样写的代码: 打开一个新窗口

    现在要写成这样:打开一个新窗口

    这是符合strict标准的方法。当然还必须配合一个javascript才有效。

    javascript完整的代码JS如下:

    function 外部链接()//万国码unicode javascript

    { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i

    }

    window. 外部链接;

    你可以把它保存成一个.js文件(比如外部链接.js),然后通过外部联接方法调用:

    4.XHTML 1.0要求所有的标签必须关闭

    所有没有成对的空标签必须以 />结尾

    和这就是成对

    错误


    正确


    错误

    正确

    错误

    正确

    错误

    正确

    错误 说明文字

    正确 说明文字

    5.所有标签元素名称都使用小写

    错误 <HEAD> <BODY></p><p>正确 <html> <title> <head> <body></p><p>错误 <IMG SRC="BG.GIF" BORDER="0" ALT="说明文字"></p><p>正确 <img src="bg.gif" border="0" alt="说明文字" /></p><p>错误 <UL><LI></LI></UL></p><p>正确 <ul><li></li></ul></p><p>以上只是举例,是"所有"标签元素名称都必须是小写</p><p><strong>6.同一个id选择器不可重复使用</strong></p><p>一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx"</p><p><strong>7.标签必须是一对</strong></p><p>[font][/font]</p><p><strong>8.正确的标签顺序</strong></p><p>错误<strong>文字</strong></p><p>正确<strong>文字</strong></p><p><strong>9.JavaScript写法</strong></p><p>Javascript我们通常会写为</p><p>错误 <script language="javascript"></p><p>W3C标准必须为程式指定类型type=text/javascript,所以要写为</p><p>正确 <script type="text/javascript"></p><p>或者 <script language="javascript" type="text/javascript"></p><p>载入外部.js独立档案的写法</p><p>正确 <script type="text/javascript" src="script.js"></script></p><p><strong>10.绝对不可省略双引号或单引号</strong></p><p>错误 style=font-size:9pt</p><p>正确 style="font-size:9pt"</p><p>错误 <img src=bg.gif width=140 height=30 alt=text /></p><p>正确 <img src="bg.gif" width="140" height="30" alt="text" /></p><p>错误 text</p><p>正确 text</p><p><strong>11.图片标签加上文字说明alt="说明"</strong></p><p>错误 <img src="bg.gif" height="50" border="0" /></p><p>正确 <img src="bg.gif" height="50" border="0" alt="说明文字" /></p><p><strong>12.背景音乐不允许使用 bgsound 标签</strong></p><p>我只好用JavaScript解决这个问题。javascript完整的代码如下:</p><p><!-- Begin</p><p>var MSIE=navigator.userAgent.indexOf("MSIE");</p><p>var NETS=navigator.userAgent.indexOf("Netscape");</p><p>var OPER=navigator.userAgent.indexOf("Opera");</p><p>if((MSIE>-1) || (OPER>-1)) {</p><p>document write("<BGSOUND SRC=背景音乐地址 LOOP=INFINITE>");</p><p>} else {</p><p>document write("<EMBED SRC=背景音乐地址 AUTOSTART=TRUE ");</p><p>document write("HIDDEN=true VOLUME=100 LOOP=TRUE>");</p><p>}</p><p>// end --></p><p>你可以把它保存成一个.js文件(比如bjmusic.js),然后通过外部联接方法调用:</p><p><script type="text/javascript" src="bjmusic.js"></script></p><p><strong>13. 标签的争议</strong></p><p><embed>是Netscape的私有标签,W3C 从HTML3.2 HTML 4.01 到 XHTML 1.0 中都没有这个标签,所以使用的页面是不能通过标准测试。</p><p>W3C推荐使用 <object> 标签,用<object>插入flash影片的代码可以写为:</p><p><object type="application/x-shockwave-flash" data="index.swf" width="400" height="200"></p><p></object></p><p>但这样的写法可能IE5/IE6 Win浏览器版本会出现问题。</p><p>标签因为广大的受到运用,不再标准范围引起很大的争议,想要解决这个问题,只能等IE浏览器对<object>有更好的支持或者W3C愿意收录标签。</p><p><strong>14. 不允许使用框架标签<IFRAME></strong></p><p>这次又要用JavaScript解决问题了。javascript完整的代码如下:</p><p>function ifr(url,w,h){document write('<iframe id="ifr" name="ifr" width="'+w+'" height="'+h+'" border="0" frameborder="0" scrolling="no" src="'+url+'"></iframe>');}</p><p>把它保存成一个.js文件(比如ifr.js),然后通过外部联接方法调用:</p><p><script type="text/javascript" src="ifr.js"></script></p><p>在你需要插入框架的地方写以下代码即可:</p><p><script type="text/javascript">ifr('需插入的网页地址','567','485');</script></p><p>函数ifr()使用说明:ifr('这里写地址','这里写宽度','这里写长度',)</p><p><strong>15.</strong>google广告问题</p><p>google广告的代码是不符合W3C标准的,我只好又把它转成JS调用,但GOOGLE政策里是写着不允许修改代码的,</p><p>关于这点我正在写信给GOOGLE询问中,应该很快会有答案。</p><p>我的JS文件(google.js)代码如下:</p><p>document writeln("<script type=\"text\/javascript\"><!--");</p><p>document writeln("google_ad_client = \"pub-0538745384335317\";");</p><p>document writeln("google_ad_width = 125;");</p><p>document writeln("google_ad_height = 125;");</p><p>document writeln("google_ad_format = \"125x125_as\";");</p><p>document writeln("google_ad_type = \"text_image\";");</p><p>document writeln("\/\/2007-06-29: www.ybj86.cn");</p><p>document writeln("google_ad_channel = \"4751988107\";");</p><p>document writeln("google_color_border = \"1a1a1a\";");</p><p>document writeln("google_color_bg = \"1a1a1a\";");</p><p>document writeln("google_color_link = \"d0eb6a\";");</p><p>document writeln("google_color_text = \"ffffff\";");</p><p>document writeln("google_color_url = \"8ad459\";");</p><p>document writeln("google_ui_features = \"rc:6\";");</p><p>document writeln("\/\/-->");</p><p>document writeln("<\/script>");</p><p>document writeln("<script type=\"text\/javascript\"");</p><p>document writeln(" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">");</p><p>document writeln("<\/script>")</p><p>各位朋友可以按照自己的情况修改,网上也有把HTML代码转为JS代码的地方。</p><p>最后在需要挂广告的地方放入代码 <script type="text/javascript" src="google.js"></script></p><p>其他需注意的地方:</p><p><strong>16.注解文字不可包含--符号</strong></p><p>错误 <!-- OEC--SPACE --></p><p>正确 <!-- OECSPACE --></p><p><strong>17.正确使用</strong> CSS样式表</p><p>一定要放在<head></head>之间</p><p><link rel="stylesheet" type="text/css" href="style.css" /></p><p><style type="text/css"></p><p><!--</p><p>body{font-size:9pt;}</p><p>--></p><p></style></p><p>错误 <style></p><p>正确 <style type="text/css"></p><p><strong>18.使用</strong>表格常犯的错误</p><p>我们在做表格通常会指定宽与高,例如:</p><p>这样做是没有办法通过,W3C建议使用CSS来控制标签元素的高度</p><p>.table{</p><p>height:55px;</p><p>}</p><p>但是若使用太多表格,在CSS一一指定不同高,也不是好方法</p><p>其实很简单将高度height属性指定在储存格就可以了通过测试</p><p>但这不是w3c希望的标准,建议能够使用div代替不必要的table</p><p><strong>19.非标签一部分的符号以编码表示</strong></p><p>表单内包含以下符号也必须用编码表示</p><p>< 以 < 表示</p><p>> 以 > 表示</p><p>& 以 & 表示</p><p>程式中的连结 & 也要改用 &</p><p>错误 <a href="foo.cgi?chapter=1&ion=2"></p><p>正确 <a href="foo.cgi?chapter=1&ion=2"></p><p><strong>20.所有属性都必须有值</strong></p><p>XHTML1.0规定所有属性都必须有值,若没有就必须重复属性作为值</p><p>错误 <input type="radio" value="v1" checked name="s1" /></p><p>正确 <input type="radio" value="v1" checked="checked" name="s1" /></p><p>错误 <option selected>S1</option></p><p>正确 <option selected="selected">S1</option></p><p>错误</p><p>正确</p> <h2> <b class=title>优点</b></h2> <h3><b class=title>对于访问者</b></h3> <p>● 文件下载与页面显示速度更快。</p><p>● 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。</p><p>● 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)。</p><p>● 用户能够通过样式选择定制自己的表现界面。</p><p>● 所有页面都能提供适于打印的版本。</p> <h3><b class=title>对于网站所有者</b></h3> <p>● 更少的代码和组件,容易维护。</p><p>● 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。</p><p>● 更容易被搜寻引擎搜索到。</p><p>● 改版方便,不需要变动页面内容。</p><p>● 提供打印版本而不需要复制内容。</p><p>● 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。</p> <h2> <b class=title>特点</b></h2> <p>符合WEB标准的网站应该主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面:结构化标准语言,主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C组织(什么是W3C组织)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。</p> <h2> <b class=title>误区</b></h2> <h3><b class=title>不为通过校验才标准化</b></h3> <p>web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。</p><p>W3C校验仅仅是帮助你检查XHTML代码的书写是否规范,css的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步,不是说通过的校验,我的网页就标准化了。我们不是为了虚名,或者向别人炫耀:“看我的页面通过了校验”而去标准化,我们的目的是为了使自己的网页设计工作更有效率,为了缩小网页尺寸,为了能够在任何浏览器和网络设备中正常浏览。</p><p>请大家沉下心来,仔细研究和理解web标准的内涵。网络上已经充满了不必要的浮躁和虚荣,请不要将这种风气带到web标准应用中来,这样做只会影响和损害web标准的推广。</p> <h3><b class=title>不用传统表格思维来套div</b></h3> <p>“CSS布局就是将原来用table的地方用div来替代,原来是表格嵌套,现在是DIV嵌套。”这种观点是错误的!</p><p>请跳出原来表格布局的禁锢,抛弃一个td接一个td放置图片和内容的思维方式。我们上面说过web标准的目的是分离内容和表现,你可以这样思考,页面里有的仅仅是内容,没有修饰的情况下,它看上去就是一张白白的页面,上有一些文字和图片(这个图片是指内容中的图片,是有真实意义的图片)。这些文字图片仅仅是依次罗列下来,只有结构,没有任何样式。然后加入表现,将所有修饰的图片作为背景,用C SS来定义每一块内容的位置、字体、颜色等。</p><p>这样制作的页面才是内容与表现分离的,就是说,当你抽掉css文件,剩下的就是干净的内容。这样才能在文本浏览器中阅读,才能在手机、PDA中阅读,才能随时修改CSS实现改版。</p> <h3><b class=title>不必每块内容都建id</b></h3> <p>有网友抱怨css文件太大、太复杂。仔细看他们的代码,发现原因是他们对每块内容、甚至每句话都定义一个div,建立一个ID。这一方面是对样式表应用的不熟悉,另一方面也表现出对web标准没有彻底理解。</p><p>我们知道内容都是有结构的(如果不明白,请阅读:[url=http://www.w3cn.org/article/tips/2004/43. html]理解表现和结构相分离 ),相同的结构的内容我们可以用同一个样式来定义,比如相同级别的标题、正文、图片。对于多次引用的样式可以用class来定义,不需要每个都用id;另外也不是说一定要用,你完全可以用别的来代替,同样都是块级元素,一样有盒模型的七个参数,仅仅方便浮动。</p><p>至于仅仅为了行高、间距、一个修饰图片而增加额外的div,我想随着对CSS的应用和理解,你很快就可以省略掉这些。我们反对用DIV的嵌套取代table的嵌套,这没有任何意义,不能体现内容的结构化。希望大家多研究CSS,写出最简练,最有效的样式表。</p><p>不要因为一点挫折就轻言放弃</p><p>我想这是一个态度和处事方法问题,这不仅仅针对学习web标准。学习任何新知识,接受新概念,都有困难,特别是需要你改变原来已有的习惯和思维时。唯一的问题就是:你认为学习web标准是否值得?你可以问问自己:你是否认可web标准带来的这些好处(简化代码、加速开发、压缩文件尺寸、提高下载速度、更好的易用性、获得更多用户、更易于维护、多平台兼容)?你是否觉得世界通用的XML离你还很远?你是否认为现在掌握的HTML知识就已经足够了?</p><p>自从99年以后,网页制作技术在国内就没有怎么进步和变革过(除了flash的兴起),而在国外前进的脚步就一直没有停止过,xhtml1.0、xhtml1.1、xml、xsl...,W3C和各大软件公司都在不断的研究和推进web技术,使它更方便、更有效、更强大。web标准的应用和推广国外已经开展了八年多(以zeldman的web标准组织网站为起点),虽然困难重重,但正在逐步被人们接受和认可。为什么我们依然陶醉在网站表面的“繁华”上,不去思考页面背后本质的东西。</p><p>Web控件</p><p>控件本质上是具有图形接口的组件,它能提供组件所提供的功能并提供用户交互。</p><p>WEB控件则是一种超越了HTML标记的控件,功能更强大。</p> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3>相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <br /> <b>Notice</b>: Undefined index: newRealte in <b>/home/www/www.tulaoshi.com/releases/release-69/cache/smarty/ebd5b6baaa27a84ab77c8b54582b7df55c5aa59c.file.tag.html.php</b> on line <b>258</b><br /> <br /> <b>Notice</b>: Trying to get property of non-object in <b>/home/www/www.tulaoshi.com/releases/release-69/cache/smarty/ebd5b6baaa27a84ab77c8b54582b7df55c5aa59c.file.tag.html.php</b> on line <b>258</b><br /> </ul> </div> </div> <div class="site-output"><script>tls.output.tag('banner1_1200')</script></div> </div> </div> <!--排列文字--> <div class="footer_bq"> <div class="footer_bq_one"> <div class="footer_bq_1"> <h3>电脑推荐</h3> <div class="ul_h3"> <a href="http://www.tulaoshi.com/ximingshi/" class="zt_a">戏命师</a> <a href="http://www.tulaoshi.com/ppttupianjianbian/" class="zt_a">PPT图片渐变</a> <a href="http://www.tulaoshi.com/danjiyouxi/" class="zt_a">单机游戏</a> <a href="http://www.tulaoshi.com/lolnvjing/" class="zt_a">lol女警</a> <a href="http://www.tulaoshi.com/chaorenlanqiu/" class="zt_a">潮人篮球</a> <a href="http://www.tulaoshi.com/wordruhetianjiadiwen/" class="zt_a">Word如何添加底纹</a> <a href="http://www.tulaoshi.com/excelxianshihaoma/" class="zt_a">Excel显示号码</a> <a href="http://www.tulaoshi.com/dnfnanmofashi/" class="zt_a">DNF男魔法师</a> <a href="http://www.tulaoshi.com/dnsfuwuqi/" class="zt_a">dns服务器</a> <a href="http://www.tulaoshi.com/shubiaozenmebaoyang/" class="zt_a">鼠标怎么保养</a> <a href="http://www.tulaoshi.com/pptquchudonghuaxiaoguo/" class="zt_a">PPT去除动画效果</a> <a href="http://www.tulaoshi.com/duomiyinle/" class="zt_a">多米音乐</a> <a href="http://www.tulaoshi.com/wjc/" class="zt_a">word</a> <a href="http://www.tulaoshi.com/dnfrenzhepkjiqiao/" class="zt_a">DNF忍者PK技巧</a> <a href="http://www.tulaoshi.com/guangmangxingnengjiexi/" class="zt_a">光芒性能解析</a> <a href="http://www.tulaoshi.com/lolabanbenqiangshiadctuijian/" class="zt_a">lol8.9版本强势ADC推荐</a> <a href="http://www.tulaoshi.com/yinyangshi/" class="zt_a">阴阳师</a> <a href="http://www.tulaoshi.com/wangzherongyaowangzhaojun/" class="zt_a">王者荣耀王昭君</a> <a href="http://www.tulaoshi.com/luyouqi/" class="zt_a">路由器</a> <a href="http://www.tulaoshi.com/wordhangju/" class="zt_a">Word行距</a> <a href="http://www.tulaoshi.com/psjishu/" class="zt_a">PS技术</a> <a href="http://www.tulaoshi.com/juezhanpinganjingwannianzhu/" class="zt_a">决战平安京万年竹</a> <a href="http://www.tulaoshi.com/kuangtiewanfagonglue/" class="zt_a">狂铁玩法攻略</a> <a href="http://www.tulaoshi.com/youxidongman/" class="zt_a">游戏动漫</a> </div> </div> <div class="footer_bq_1"> <h3>热门推荐</h3> <div class="ul_h3"> <ul> <a href="http://www.tulaoshi.com/huangjinshuangdan/" class="zt_a">黄金双蛋</a> <a href="http://www.tulaoshi.com/fanqiejiangtuan/" class="zt_a">番茄江团</a> <a href="http://www.tulaoshi.com/xianggufuzhumenjichi/" class="zt_a">香菇腐竹焖鸡翅</a> <a href="http://www.tulaoshi.com/shuangweineizhidoufu/" class="zt_a">双味内脂豆腐</a> <a href="http://www.tulaoshi.com/yufumao/" class="zt_a">渔夫帽</a> <a href="http://www.tulaoshi.com/hejiulianhong/" class="zt_a">喝酒脸红</a> <a href="http://www.tulaoshi.com/rouxiangnuomizong/" class="zt_a">肉香糯米粽</a> <a href="http://www.tulaoshi.com/zhunanchaohuangdouya/" class="zt_a">猪腩炒黄豆芽</a> <a href="http://www.tulaoshi.com/nuomizhou/" class="zt_a">糯米粥</a> <a href="http://www.tulaoshi.com/xiangguzajiangdundoufu/" class="zt_a">香菇杂酱炖豆腐</a> <a href="http://www.tulaoshi.com/xiadaofeiche/" class="zt_a">侠盗飞车</a> <a href="http://www.tulaoshi.com/yingershaitaiyang/" class="zt_a">婴儿晒太阳</a> <a href="http://www.tulaoshi.com/huangsunweizhuti/" class="zt_a">黄笋煨猪蹄</a> </ul> </div> </div> </div> <div class="site-output"><script>tls.output.tag('banner2_1200')</script></div> </div> <!--footer底部--> <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://m.tulaoshi.com/webbiaozhun/" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;" id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="http://www.tulaoshi.com/webbiaozhun/">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div> <!--tag PC分类 标签--> <script src="http://static.tulaoshi.com/js/zt.js"></script> <script src="https://extra.tulaoshi.com/count.php?id=2934&type=zt"></script> </body> </html>