网页设计面试题目

来源：用户分享时间：2025/5/14 23:33:24 本文由

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

一.HTML常用的标签 ..................................................................................................... 1 二。标签的定义与用法 ........................................................................... 5 三。块级元素和行内元素都有哪些 ............................................................................... 5 四。你真的了解HTML吗 ............................................................................................. 6 五。介绍所知道的CSS hack技巧(如：_， *， +， \\9， !important 之类) ........... 6 六。介绍CSS盒模型 .................................................................................................... 11 七。CSS层叠是什么?介绍一下 ................................................................................... 12 八。都知道哪些CSS浏览器兼容性问题 .................................................................... 12 九。CSS3都有哪些新内容 ........................................................................................... 14 十。CSS3有什么效果可以实现的 ............................................................................... 14

一.HTML常用的标签

1、文本标签加粗打印机字体标签

原样输出强调输出斜体显示加粗字体标签 color:控制字体的颜色 size:控制字体的大小斜体显示下划线上标下标 2、段落标签(自动换行)

属性：align=left | center | right 3、换行标签

属性:color=''; width= n px ;size= n px(不是height); 4、列表标签 a)普通列表

列表标题: 列表项

b)无序列表//ul type=circle disc square

列表项

列表项
列表项

c)有序列表 type= a A I i 1 circle disc square

列表项
列表项
列表项

5、图片和链接标签图片：图片没有加载完成是显示的文字链接：链接的文本 target:链接打开的位置_blanck _self _parent _top 返回 6、地图标签地图标签是基于图片的

7、行内修饰符标签 8、实体字符在html中具有特殊含义的字符，例如常见的空格,< > & &#数字; 或者&实体字符名称的; 例如：空格 " # ' \空格 9、html注释 10、绝对路径与相对路径绝对路径：文件的物理路径(即资源管理器上的路径) 相对路径：相对于本页面的路径 /代表根目录 ./代表当前目录 ../代表父级目录 ./../../代表当前目录的父目录的父目录 11、布局标签 1、table 2、iframe 3、frameset、noframeset

4、div(专门学习) 表格标签

显示的内容

属性： border 边框 bgcolor 表格的背景颜色 bordercolor 边框的颜色 cellspacing 单元格之间的距离 cellpaddig 单元格内容与边框之间的距离 width 表格的宽度 height 表格的高度 valign 垂直位置 top|bottom|middle align 水平位置 right|left|center colspan 和并列 rowspan 合并行 frameset标签 frameset实例 <body> <p>您的浏览器不支持框架,请更新您的浏览器</p> </body> <noframes> </frameset> </html> iframe标签 <html> <head> <title>frameset实例</title> </head> <body> <iframe src='文件名路径' width='' height='' scrolling allowTransparency=''><iframe> </body> </html> </p><p> </p><p>frameborder='0px' </p><p>12、居中标签 <center></center> 13、表单标签 <form action='处理表单的数据的页面' enctype='表单数据的编码形式' method='上传数据的方法'> </form> enctype:3中形式 a)multipart/form-data 文件上传必须的 b)text/plain 纯文本形式上传 c)application/x-www-form-urlencoded 经过url编码后上传 method:2中方法 get:我所有数据通过地址栏 post:表单数据通过协议传递 1、<input type='text' size='用户输入的字符个数' maxlength='用户输入的最大个数' /> type: password:密码框 file:文件上传 submit:确定按钮 button:按钮 reset:重置按钮 radio:当选按钮 checkbox:复选按钮 image:图片按钮(同时传递XY轴坐标) hidden:隐藏域,通常用于传递默认值 2、<select></select>下拉列表 <option></option> <option></option>(位于select标签中间) <optgroup></optgroup>(位于select标签中间) 属性:size下拉框的大小 multiple:是否可以多选 option的属性:selected(下拉列表的默认值) value:下拉表的实际值\\ 3、<label></label>文本标签 4、<textarea><textarea> 属性:cols代表列 rows:代表行 5、fieldset标签(写在form标签的外部) <fieldset> <legend>标题<legend> </fieldset> </p><p> </p><p> </p><p> </p><p>二。<!DOCTYPE>标签的定义与用法 </p><p> </p><p><!DOCTYPE html> </p><p>作用就是加了这行网页按xhtml解析，不加则是按html解析。 </p><p>三。块级元素和行内元素都有哪些 </p><p> </p><p>块级元素(block element) div -最常用的块级元素 </p><p>dl - 和dt dd搭配使用的块级元素 form - 交互表单 h1 - 大标题 hr - 水平分隔线 ol - 排序表单 p - 段落 </p><p>ul - 非排序列表 </p><p>内联元素(inline element) a - 锚点 </p><p>b - 粗体(不推荐) br - 换行 em - 强调 </p><p>font - 字体设定(不推荐) i - 斜体 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 small - 小字体文本 </p><p>span - 常用内联容器，定义文本内区块 strike - 中划线 strong - 粗体强调 sub - 下标 sup - 上标 </p><p>textarea - 多行文本输入框 tt - 电传文本 u - 下划线 </p><p> </p><p></p><div class="page"><ul><li><a href=c53xk63wo911qw0b8dn6k_1.html class="hover" >1</a></li><li><a href=c53xk63wo911qw0b8dn6k_2.html>2</a></li><li><a href=c53xk63wo911qw0b8dn6k_3.html>3</a></li></ul></div> <script type="text/javascript">s("content-body-bot");</script> </div> <div class="search-more">搜索更多关于： <a class="title2" title="网页设计面试题目" href="sp5du45rlqrkxtwirmdu54nhq_1.html">网页设计面试题目</a> 的文档</div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx" id="82f1a66425c52cc58bd6be9c">网页设计面试题目.doc</span> <span>将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印</span> <span><script type="text/javascript">s("content-down");</script></span> </div> <div class="word-pic"><a rel="nofollow" href="javascript:;">下载这篇word文档</a></div> </div> <div class="show-url">本文链接：<a href="">https://www.diyifanwen.net/c53xk63wo911qw0b8dn6k_1.html</a>（转载请注明文章来源）</div> <script type="text/javascript">s("content-bot");</script> <div class="block7"> <p> 相关推荐： </p> <ul class="box"> <li><a title="防治水规定四项制度" href=c3soyb7evbe4qfr016rof_6.html>防治水规定四项制度</a></li><li><a title="世界经济学综合(经济学30%、世界经济概论30%、世界贸易组织15%、专业英语2" href=c83ojk0t1e99da6a52gje3fmdy9ulfu00gkf_2.html>世界经济学综合(经济学30%、世界经济概论30%、世界贸易组织15%、专业英语2</a></li><li><a title="快克感冒药广告设计" href=c3l27l5ub5i4uc568dlzh_2.html>快克感冒药广告设计</a></li><li><a title="循环系统练习题(含答案)" href=c063f85nuft6rgfl162cd_8.html>循环系统练习题(含答案)</a></li><li><a title="网页设计面试题目" href=c53xk63wo911qw0b8dn6k_1.html>网页设计面试题目</a></li><li><a title="广东省防汛抗旱防风应急办法预案" href=c4awwo5fdap7z7sh75m1a072ie1yhw200mww_2.html>广东省防汛抗旱防风应急办法预案</a></li><li><a title="2014年东至三中高考录取通知书已到情况(8月29日更新)" href=c5pdan5890h6vuda8ceok_13.html>2014年东至三中高考录取通知书已到情况(8月29日更新)</a></li><li><a title="新版上海交通大学神经病学考研经验考研参考书考研真题 - 图文 " href=c0ez082inzf0wk4t3v4f03ibqw7s1q700ti3_1.html>新版上海交通大学神经病学考研经验考研参考书考研真题 - 图文 </a></li><li><a title="2020年北京理工大学入党积极分子培训党课考试试题及答案" href=c7vi098bpbr79c964hjsm5kaxd91bwp00krv_2.html>2020年北京理工大学入党积极分子培训党课考试试题及答案</a></li><li><a title="《证券投资学》复习资料-周爱民2012.12" href=c8rk2w0r4rm37lyc0yemf_3.html>《证券投资学》复习资料-周爱民2012.12</a></li><li><a title="汽车生产中使用的RFID系统-西门子(中国)有限公司工" href=c0wxto0bzyu1xkfw968ko77t6k14pna01b6a_1.html>汽车生产中使用的RFID系统-西门子(中国)有限公司工</a></li><li><a title="江苏省2007年普通高校单独招生统一考试计算机专业试卷及答案A" href=c01cqt180fb0a0pl1tz3t_1.html>江苏省2007年普通高校单独招生统一考试计算机专业试卷及答案A</a></li><li><a title="2017-2018学年高中数学必修四教学案（16份）人教课标版（优秀教案）" href=c0eu9o6sz580mq5e7eayt5nd0e7n2rf017ax_4.html>2017-2018学年高中数学必修四教学案（16份）人教课标版（优秀教案）</a></li><li><a title="2020机电设备安装安全管理规定(四篇)" href=c4qjll53q5r00kc5204u903ypi6bk1500j2s_1.html>2020机电设备安装安全管理规定(四篇)</a></li><li><a title="电气设备安装工国家职业标准 " href=c8q3vg96y5i2ubi97rx08_5.html>电气设备安装工国家职业标准 </a></li><li><a title="中国石油大学(北京)计算机应用基础第一、二、三次在线作业" href=c80q1j1xocp423gj8gje700kc5204u900khl_4.html>中国石油大学(北京)计算机应用基础第一、二、三次在线作业</a></li><li><a title="施工现场无线监控解决方案" href=c6vk10897ha6j6mw9sjhs44p5c1cp2i00dz2_4.html>施工现场无线监控解决方案</a></li><li><a title="河北经贸大学考研难度分数线报录比考研院校分析 - 图文 " href=c9cldy1fpdb00kc5204u903ypi6bk8900j4f_1.html>河北经贸大学考研难度分数线报录比考研院校分析 - 图文 </a></li><li><a title="2010年监理工程师考试《建设工程合同管理》真题及答案" href=c9dw1g5hp9a3xy6q955p40ne2d1fp330143u_1.html>2010年监理工程师考试《建设工程合同管理》真题及答案</a></li><li><a title="超临界锅炉启动系统的性能分析" href=c2zh4t3euxv1ujtp7zfuc_7.html>超临界锅炉启动系统的性能分析</a></li> <li><a href="https://www.05166.com/" title="六六文库" target="_blank">六六文库网</a></li><li><a href="/cidian/" title="第一汉语词典" target="_blank">第一汉语词典</a></li><li><a href="/chengyu/" title="第一成语大全" target="_blank">第一成语大全</a></li><li><a href="/gushici/" title="第一古诗词大全" target="_blank">第一古诗词大全</a></li> </ul> </div> </div> </div> <div class="right_1"> <div class="u_2"><script type="text/javascript">s("right-1");</script></div> <div class="region2 u_2"> <div class="t_1">综合文库</div> <ul class="menu"> <li><a href="/wenku/youer/">幼儿教育</a></li> <li><a href="/wenku/xiaoxue/">小学教育</a></li> <li><a href="/wenku/gaozhongjiaoyu/">高中教育</a></li> <li><a href="/wenku/chuzhong/">初中教育</a></li> <li><a href="/wenku/gaodengjiaoyu/">高等教育</a></li> <li><a href="/wenku/waiyuxuexi/">外语学习</a></li> <li><a href="/wenku/zigekaoshirenzheng/">资格考试认证</a></li> <li><a href="/wenku/jiaoxueyanjiu/">教学研究</a></li> <li><a href="/wenku/renwensheke/">人文社科</a></li> <li><a href="/wenku/jingguanyingxiao/">经管营销</a></li> <li><a href="/wenku/gongchengkeji/">工程科技</a></li> <li><a href="/wenku/ITjisuanji/">IT计算机</a></li> <li><a href="/wenku/zirankexue/">自然科学</a></li> <li><a href="/wenku/yiyaoweisheng/">医药卫生</a></li> <li><a href="/wenku/nonglinmuyu/">农林牧渔</a></li> <li><a href='/wenku/zonghe/' class='on'>综合文库</a></li> <div class="clear"> </div> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 最新文档 </div> <ul class="block3 u_1"> <li><a title="每日心语正能量2018" href=c6t3u60rej11oirv327pb3jk4h7sglc00pv6_1.html>每日心语正能量2018</a></li><li><a title="住建部智慧城市文件（2013年4月）附件五：智慧城市公共信息平台-数据交换与整合" href=c1l6891v54v9epjx24kkl_4.html>住建部智慧城市文件（2013年4月）附件五：智慧城市公共信息平台-数据交换与整合</a></li><li><a title="施工现场无线监控解决方案" href=c6vk10897ha6j6mw9sjhs44p5c1cp2i00dz2_4.html>施工现场无线监控解决方案</a></li><li><a title="入河排污口管理技术导则(SL532—2011体例格式复读后修改报批稿)" href=c0508c7hrfm3h0qq03o9d_5.html>入河排污口管理技术导则(SL532—2011体例格式复读后修改报批稿)</a></li><li><a title="衣服尺码对照表（完美版） - 图文" href=c344l004smi8qp21137z5_2.html>衣服尺码对照表（完美版） - 图文</a></li><li><a title="关于英语语言教学方法和学习策略的分析研究" href=c80o167afhv2r4yi9c8hj79c964hjsm00lda_1.html>关于英语语言教学方法和学习策略的分析研究</a></li><li><a title="感知与意向性-最新年精选文档" href=c9rcaq35zwf9mzf00wrvr0a0pl1szsm00hjn_2.html>感知与意向性-最新年精选文档</a></li><li><a title="解放思想主持词" href=c5jab44rhq10weks4q8jb3z01x0bw3600n6w_1.html>解放思想主持词</a></li><li><a title="《匆匆》课堂实录" href=c85v6a81a4l555jd3wyje_1.html>《匆匆》课堂实录</a></li><li><a title="热力学统计物理-第四版-汪志诚-课后答案" href=c5wesg4ok07207lq1bbd16zh7s4eqk601d0x_4.html>热力学统计物理-第四版-汪志诚-课后答案</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 热门推荐 </div> <div class="block3"> <script type="text/javascript">s("right-2");</script> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门排行 </div> <ul class="block1"> <li><a title="高中三好学生优秀事迹范文培训资料.doc" href="sul4ffxfexhodi1yn4vfmgo1sfijsftpvnk1zhdlrl9rwkk2h01a02s03302r_1.html">高中三好学生优秀事迹范文培训资料.doc</a></li><li><a title="计算机组装与维修" href="srkxoevke2p1gr0lff2p2sfse_1.html">计算机组装与维修</a></li><li><a title="西交17年3月课程考试《英语2(新录)》作业考核试题" href="sr5rfj801d01jino01fkcornio3vpabrmd9hmpv5rn101e014k34itx0159hnfocffepabkl4rmdu54_1.html">西交17年3月课程考试《英语2(新录)》作业考</a></li><li><a title="机械效率ppt22 人教版优秀课件" href="ske2kogk08mtj03403403801e01e00wfjuk0pmkofmgo1srnifli_1.html">机械效率ppt22 人教版优秀课件</a></li><li><a title="解放思想主持词" href="sr8jjzyizhj5ffgbjk1rm5_1.html">解放思想主持词</a></li><li><a title="部编版人教版一年级语文上册单元复习课教案" href="ssmgp3qmkofjuk0pmkofeoinop0nrn1k1zfeyg3wgglg1vhl9fhcrnik0pklk_1.html">部编版人教版一年级语文上册单元复习课教案</a></li><li><a title="??拏勦???????羫?儙～仁??坩" href="sanw0enjingdiansanw0enc7z8139pw6m2p7v43zg0p6rgfk15t3500h9l_1.html">??拏勦???????羫?儙～仁??坩</a></li><li><a title="医院春节期间安全生产工作总结" href="sgfvtpek6dps2kdbtmci2xg2wn4vfjbijpfocj0bp1v_1.html">医院春节期间安全生产工作总结</a></li><li><a title="民主生活会批评与自我批评发言稿" href="slchfgbn4vlkrfmijg9rlwff2pnujddjg9rlwgk1r9co5b_1.html">民主生活会批评与自我批评发言稿</a></li><li><a title="第10章蔬菜无土栽培技术" href="sobw01d01co9s00wqb0q1ok4gh7jkl9hdljggkdr_1.html">第10章蔬菜无土栽培技术</a></li> </ul> </div> <div class="u_2"><script type="text/javascript">s("right-3");</script></div> </div> <div class="clear"> </div> </div> <div class="sidebar word-pic"><a href="javascript:;" class="copy-fullpage"><span>一键复制全文</span></a><a href="javascript:;" class="sidedown dl-link"><span>下载文档</span></a></div>    <div class="codelogin-mask"></div> <div class="service-mask"></div> <div class="theme-popover-mask"></div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $(".word-pic a").click(function () { location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // $.ajax({ // type: "POST", // dataType: "json", // url: "/user/check_rank.php", // data: {"aid": "{dede:field.id/}"}, // async: false, // success: function (data, textStatus, jqXHR) { // location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // if (data.code === "2") { // //游客 // $(".vip-up").hide(); // $(".vip-pay").hide(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=wx&aid="; // payurl = payurl.replace("payment", "youke"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=ali&aid="; // payurl = payurl.replace('payment', 'youke'); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "3") { // $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); // //注册会员 // $(".guest-pay").hide(); // $(".vip").hide(); // $(".vip-pay").show(); // $(".vip-up").show(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=2&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=3&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "5") { // layer.alert("今日下载次数已用完！请明日再来！您可以升级会员增加下载次数！", {icon: 2}); // } else if (data.code === "6") { // layer.alert("VIP会员已到期！请及时续费！", {icon: 2}); // } else { // location.href = "/plus/d.php?id={dede:field.id/}"; // } // } // }); }) // $(".theme-poptit .close").click(function () { // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }) }) </script> <script type="text/javascript"> // $(document).ready(function ($) { // $.ajax({ // type: "POST", // dataType: "json", // data: {"aid": ""}, // url: "/user/check_level.php", // async: false, // success: function (data, textStatus, jqXHR) { // if (data.code === "2" || data.code === "3") { // $(document).keydown(function (e) { // if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // } // }); // document.body.oncopy = function () { // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // return false; // } // } // } // }) // }) </script> <script type="text/javascript"> // $(".service a").click(function () { // $(".service-mask").fadeIn(200); // $(".service-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".service-tit .close").click(function () { // $(".service-mask").fadeOut(200); // $(".service-box").slideUp(200); // }); // $("#vip-buy a").click(function () { // $(".codelogin-mask").fadeIn(200); // $(".codelogin-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".codelogin-tit .close").click(function () { // $(".codelogin-mask").fadeOut(200); // $(".codelogin-box").slideUp(200); // }); </script>   <script type="text/javascript"> // $(function() { // //微信登录 // var obj = new WxLogin({ // self_redirect: false, // id: "codeLogin", // appid: "wxc14721457b782a70", // scope: "snsapi_login", // redirect_uri: encodeURIComponent("https://www.diyifanwen.net/plus/wx_login.php"), // state: "https://www.diyifanwen.net", // style: "", // href: "https://www.diyifanwen.net/style/css/wxlogin.css" // }); // }) </script> <div class="foot">Copyright © 2012-2023 第一范文网版权所有 <a href="https://www.diyifanwen.net/about/disclaimer.html" target="_blank" rel="nofollow">免责声明</a> | <a href="https://www.diyifanwen.net/about/contact.html" target="_blank" rel="nofollow">联系我们</a><br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/> 客服QQ：xxxxxx 邮箱：xxxxxx@qq.com<br/> <a href="//www.beian.miit.gov.cn/" target="_blank">渝ICP备2023013149号</a> </div> <a href="#0" class="cd-top">Top</a> <script type="text/javascript" src="/style/js/jquery.min.js"></script> <script type="text/javascript"> $(".right-tag a").each(function(){$(this).addClass("tags"+(Math.floor(Math.random()*9)+1));}); $(function(){var c=$("#FontSizeBtn i"),a=$(".art_body");c.click(function(){var b=$(this).index();0==b&&a.css("font-size","18px");1==b&&a.css("font-size","16px");2==b&&a.css("font-size","14px");c.removeClass("active");$(this).addClass("active")})}); </script> <script type="text/javascript"> function search() { var q = document.getElementById("q").value; window.location.href = "/search/"+q+".html"; } function enterIn(obj,evt) { var evt = evt ? evt : (window.event ? window.event : null); if (evt.keyCode == 13) { var q = obj.value; window.location.href = "/search/"+q+".html"; } } </script>  <script type="text/javascript"> $(function () { $(".user-box").hover(function () { $(".drop-menu").stop(true, true).fadeIn(0); }, function () { $(".drop-menu").fadeOut(500, function () { $(".drop-menu").css("display", "none"); }); }); }); </script> <script> //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?580a7d7a2e049aad1da152397b726d72"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?4560c81a24e0094d23ee82f38d46f231"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>