1、W3C网站代码标准规范 修订版本1.02 更新时间 2010-06-08
往链点点通共享资源，了解更多请登录www.WL
W3C网站代码标准规范
目 录
目 录 1
一、目的: 为什么要遵循标准 2
二、目标 2
三、受众 2
四、标准内容 2
1、什么是DOCTYPE 3
2、名字空间 namespace 4
3、定义语言编码 4
4、Javascript定义 4
5、CSS定义 5
6、不要在注释内容中使“--” 5
7、所有标签的元素和属性的名字都必须使用小写 5
8、所有的属性必须用引号""括起来 6
2、9、把所有<和&特殊符号用编码表示 6
10、给所有属性赋一个值 6
11、所有的标记都必须要有一个相应的结束标记 7
12、所有的标记都必须合理嵌套 7
13、图片添加有意义的 alt 属性 7
14、在form表单中增加lable,以增加用户友好度 8
附录一 8
附录二 9
一、目的: 为什么要遵循标准
我们所处的角色
我们作为的生产者实际上只是位于中游，既不是上游的浏览器制造商,他们是标准的真正制定者，也不算是下游，他们是浏览器的终端使用者。
这个角色就意味着我们位于一个接口的位置：我们需要想办法满足下游的用户使用上游不同浏览器时看到的是同样的内容
用
3、一个程序的语言说，我们是转换器……adapter，我们想方设法让我们的页面、我们的程序能够支持所有的浏览器、能够满足尽可能多的用户。虽然我们很累，但我们这么作的结果就是我们会满足尽可能多的用户
Exp：
目前市面上的DVD刻录盘有三种标准，可是目前世面上大部分的DVD刻录机都是尽可能地全部兼容---------Why ?
因为他们不想失去潜在客户，这就是我们在意标准的原因！我们要满足所有的客户，即使做不到，我们也要满足我们技术范围之内的所有用户。
二、目标
一个标准制作的网站，让你压根感觉不到跟标准有关。
三、受众
所有ui设计师、技术工程师、运营维护人员。
4、
四、标准内容
抛弃声明：以后我们将抛弃font标签，新的页面中不应该再出现如
已经存在的老的页面也应该在修改时尽量替代，替代方法：
一个标准XHTML头信息格式如下：
慧聪网_中国领先的B2B电子商务平台、电子商务网站
注:一般如果项目或页面没有要求description和keywords描述的话,均采用中文站首页的mate信息。
1、什么是DOCTYPE
DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。
其中的DTD(例如xhtm
7、l1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。
XHTML 1.0 提供了三种DTD声明可供选择：
n 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
完整代码如下：
8、nsitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
n 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如
。
完整代码如下：
n 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种
9、DTD。
完整代码如下：
注:DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。
2、名字空间 namespace
通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？
这个“x
10、mlns”是XHTML namespace的缩写，叫做“名字空间”声明。
XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。又因为XHTML1.0不能自定义标识，所以它的名字空间都相同，就是"http://www.w3.org/1999/xhtml"。目前阶段我们只要照抄代码就可以了。
3、定义语言编码
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语
11、言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。
注：如果忘记了定义语言编码,可能就会出现,你在DW做完一个页面,第二次打开时所有的中文变成了乱码
4、Javascript定义
Js必须要用
注：具体参考js规范
5、CSS定义
CSS必须要用
为保证各浏览器的兼容性，在写CSS请都写上数量单位，例如：
错误：.space_10{padding-left:10}
正确：.space_10 {padding-
14、left:10px}
6、不要在注释内容中使“--”
“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。
例如下面的代码是无效的:
正确的应用等号或者空格替换内部的虚线。
7、所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，
和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大</p><p style='height:0px;padding:0;overflow:hidden'>15、小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
8、所有的属性必须用引号""括起来
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。
例如：
<height=80> 必须修改为：
<height="80"> 特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：
<alt="say'hello'">
9、把所有<和&特殊符号用编码表示
n 任何小于号（<），不是标签的一部分，都</p><p style='height:0px;padding:0;overflow:hidden'>16、必须被编码为
<
n 任何大于号（>），不是标签的一部分，都必须被编码为
>
n 任何与号（&），不是实体的一部分的，都必须被编码为
&
错误：
例:
正确:：
10、给所有属性赋一个值
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
必须修改为：
<td nowrap="nowrap"> <input type="checkbox" </p><p style='height:0px;padding:0;overflow:hidden'>17、name="shirt" value="medium" checked="checked" />
12、所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。
例如：
<br />
<img height="80" alt="网页" title=”网页” src="logo.gif" width="200" />
特殊结束标记
错误：</p><p style='height:0px;padding:0;overflow:hidden'>18、
Document.write(“<td width=\“300\”><a href=\“1.html\”>ok</a></td>”);
正确：
Document.write(“<td width=\“300\”><a href=\“1.html\”>ok<\/a><\/td>”);
在js中，原已结束的标签需要再转义再结束
13、所有的标记都必须合理嵌套
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
<p><b></p></b> 必须修改为：
<p><b></b></p> 就是说，一层一层的嵌套必须是严格对称</p><p style='height:0px;padding:0;overflow:hidden'>19、
错误：
<table><tr><form><td></td></form></tr></table>
正确：
<form><table><tr><td></td></tr></table></form>
14、图片添加有意义的 alt 属性
例如：
<img src=“logo.gif” width=“100” height=“100” align=“middle” boder=“0” alt=“阿里巴巴” />
尽可能的让作为内容的图片都带有属于自己的alt属性
同理：
添加文字链接的title属性
<a hrehf=”#” target=”_bl</p><p style='height:0px;padding:0;overflow:hidden'>20、ank” title=”新闻新闻新闻新闻”>新闻新闻…</a>,在一些限定字数的内容展示尤为重要，帮助显示不完成的内容显示完整，而不用考虑页面会因此而撑大
15、在form表单中增加lable,以增加用户友好度
例如：
<form action=" method="post">
<label for="firstname">first name: </label>
<input type="text" id="firstname">
<label for="lastname">last name: </label>
</p><p style='height:0px;padding:0;overflow:hidden'>21、 <input type="text" id="lastname">
</form>
实例:label_demo.html
附录一
n 1.XHTML校验
n 校验网址：http://validator.w3.org/
n 校验方式:网址校验、文件上传校验
n 一般选择"Show Source"和"Verbose Output"可以帮助你找到错误代码所在行和错误原因。
n XHTML校验常见错误原因对照表
1.No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未</p><p style='height:0px;padding:0;overflow:hidden'>22、定义DOCTYPE。
2.No Character Encoding Found! Falling back to UTF-8.--未定义语言编码。
3.end tag for "img" omitted, but OMITTAG NO was specified--图片标签没有加"/"关闭。
4.an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--属性值必须加引号。
5.elem</p><p style='height:0px;padding:0;overflow:hidden'>23、ent "DIV" undefined---DIV标签不能用大写，要改成小写div。
6.required attribute "alt" not specified---图片需要加alt属性。
7.required attribute "type" not specified---JS或者CSS调用的标签漏了type属性。
其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个</li>其他<li>标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错误，其他的错误也都没有了。
</p><p style='height:0px;padding:0;overflow:hidden'>24、附录二
n 2.CSS2校验
n 校验网址：http://jigsaw.w3.org/css-validator/
n 校验方式:网址校验、文件上传校验、直接贴入代码校验
n 校验成功，会显示"恭喜恭喜，此文档已经通过样式表校验! "。
n 校验失败，会显示两类错误：错误和警告。错误表示一定要修正，否则无法通过校验；警告表示有代码不被W3C推荐,建议修改。
CSS2校验常见错误原因对照表
1.(错误)无效数字 : color909090 不是一个 color 值 : 909090 ---十六进制颜色值必须加"#"号，即#909090
2</p><p style='height:0px;padding:0;overflow:hidden'>25、错误)无效数字 : margin-topUnknown dimension : 6pixels ---pixels不是一个单位值，正确写法6px
3.(错误)属性 scrollbar-face-color 不存在 : #eeeeee --- 定义滚动条颜色是非标准的属性
4.(错误)值 cursorhand不存在 : hand是非标准属性值，修改为cursor:pointer
5.(警告)Line : 0 font-family: 建议你指定一个种类族科作为最后的选择 --W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-seri</p><p style='height:0px;padding:0;overflow:hidden'>26、f"，以保证在不同操作系统下，网页字体都能被显示。
6.(警告)Line : 0 can't find the warning message for otherprofile --表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息。
n 同样，通过检验后，可以放置一个CSS校验通过图标
往链点点通共享资源
-----------------------------
资料说明
-----------------------------
该资源由往链点点通搜索于网络公开资源，仅供网友浏览阅读，请勿用于商业用途；
往链点点通，是免费的新一代</p><p style='height:0px;padding:0;overflow:hidden'>27、电脑管理、网络应用桌面软件。
通过简洁清爽并可随意切换的两种窗口操作界面，构建了用户、电脑、互联网之间顺畅的入口平台。为用户管理电脑、智能办公、快捷上网、玩转应用（如 游戏，），提供全方位一站式的服务。让用户只需通过往链点点通，就能便捷到达信息时代的各个角落。真正实现一键直达，点点就通。
往链快搜索：无论是搜索硬盘资源、查找网络资源，还是追踪热门应用，都能享受前所未所的快速度。如本地文件搜索，千万文件，零秒呈现；如网络搜索，只需输入一次关键词，便能同步打开百度、google等多个搜索引擎的结果页；
往链优应用：与某些软件相比，往链点点通追求绿色无广告的体验，精选最优质的网络应用，为用户提供纯净实在的生活、工作、学习、娱乐、休闲应用空间。
往链点点通，让您用windows的使用习惯享受苹果的操作体验！
查看和分享更多优质资源，请进入www.WL 下载往链点点通，找到您的一切网络所需！
往链网址导航大全
往链点点通，让您无障碍畅游网络世界！
第10页/共10页
</p>
</div>
</div>
<span id="LabelScript"></span>
<script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script>
<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
<div>
<div style=" margin: auto; overflow:hidden;
text-align: center;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div style=" height:80px; margin: auto; overflow:hidden;
text-align: center;">
<a target="_blank"
href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='>
<img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80'
alt="移动网页_全站_页脚广告1" />
</a>
</div> </div>
<div class="siteInner">
<p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;"> </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a> <span style="text-align: center;"> </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;"> </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a> <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2025 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：4009-655-100 <span style="text-align: center;">投诉</span>/<span style="text-align: center;">维权</span>电话：18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a> </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;"> </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;"> <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a> <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a> <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p>
</div>
</div>
<div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;">
<a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a>
</div>
<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">
<li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>
<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/8865858.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1748827062', // 必填，生成签名的时间戳
nonceStr: 'C3992E9A68C5AE12BD18488BC579B30D', // 必填，生成签名的随机串
signature: '1e51d84075a5def13beacf14e44d7a5116cffc2c',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.zixin.com.cn/docdown/8865858.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1748827062', // 必填，生成签名的时间戳
nonceStr: 'C3992E9A68C5AE12BD18488BC579B30D', // 必填，生成签名的随机串
signature: '1e51d84075a5def13beacf14e44d7a5116cffc2c',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>
<!--footer-->
<footer class="footer">
<a target="_parent" class="footer-item" href="https://m.zixin.com.cn/">
<img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" />
<div class="footer-item-txt ">首页</div>
</a>
<a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html">
<img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" />
<div class="footer-item-txt ">分类</div>
</a>
<a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html">
<img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" />
<div class="footer-item-txt ">专题</div>
</a>
<a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx">
<img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" />
<div class="footer-item-txt ">我的</div>
</a>
</footer>
<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.zixin.com.cn/header.aspx";
$.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>
<script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>