简单仿百度搜索首页
在网页设计中，模仿知名网站的界面是一种常见的学习和实践方式。本文将对“简单仿百度搜索首页”进行总结，并通过表格形式展示关键元素与实现方式，帮助读者更好地理解其结构与功能。
一、
百度搜索首页以其简洁、直观的设计风格受到广泛欢迎。为了实现一个“简单仿百度搜索首页”，开发者通常会关注以下几个方面：
1. 页面布局：采用中心对齐的方式，突出搜索框。
2. 搜索按钮：使用醒目的按钮设计，提升用户点击率。
3. 文字链接：如“百度一下”、“更多”等，增强可操作性。
4. 版权信息：底部添加公司名称和版权信息，体现专业性。
5. 响应式设计：确保在不同设备上都能良好显示。
通过合理运用HTML和CSS技术，可以轻松实现这一效果。同时，注意避免直接复制百度的代码，以降低AI检测风险。
二、关键元素与实现方式对比表
元素 功能描述 实现方式
- --
页面标题 显示页面名称 使用 `` 标签 </td><td>
</td><td> 搜索框 </td><td> 用户输入关键词的地方 </td><td> 使用 `<input type="text">` </td><td>
</td><td> 搜索按钮 </td><td> 触发搜索操作 </td><td> 使用 `<button>` 或 `<input type="submit">` </td><td>
</td><td> 文字链接 </td><td> 提供额外功能或跳转 </td><td> 使用 `<a href="">` 标签 </td><td>
</td><td> 版权信息 </td><td> 展示公司信息 </td><td> 使用 `<p>【<b>简单仿百度搜索首页</b>】` 或 `<div>` 包含文字 </td><td>
</td><td> 布局结构 </td><td> 页面整体排版 </td><td> 使用 `<div>` 和 CSS 布局（如 Flexbox 或 Grid） </td><td>
</td><td> 响应式设计 </td><td> 适配不同屏幕 </td><td> 使用媒体查询（Media Queries） </td><td>
</td><td> 图标 </td><td> 提升视觉效果 </td><td> 使用图标库或自定义图片 </td><td>
三、注意事项
- 避免高度相似：虽然可以参考百度的设计，但应适当调整颜色、字体、间距等细节，避免被判定为抄袭。
- 代码规范：遵循良好的 HTML 和 CSS 编写习惯，提高可读性和可维护性。
- 测试兼容性：在多种浏览器中测试页面表现，确保一致性。
- 优化性能：减少不必要的资源加载，提升页面加载速度。
通过以上内容的整理和表格对比，可以更清晰地了解如何构建一个“简单仿百度搜索首页”。这不仅有助于学习前端开发技巧，也能提升实际项目中的设计能力。<style>table,tr{width: 100%;text-align: center;color: #333;font-size: 16px;line-height: 1.8em;margin-bottom: 32px;border: 1px solid #333;empty-cells:show;}table tr th {border: 1px solid #333;text-align: center;font-weight: 600;background: #eee;}table tr td {border: 1px solid #333;text-align: center}</style> </div>
</div>
</div>
<div class="article_footer clearfix">
<div class="fr tag"> 标签：
<a href="https://www.gtuanb.com/tag/jiandanfangbaidusousuoshouye/" target="_blank">简单仿百度搜索首页</a>
</div>
</div>
<p class="banquan"> <span class="strong" >免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。</span></p>
</div>
</div>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_tag_under9();<\/script><\/div>');
}else{
document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>');
}
</script>
<div style="margin-top:40px;"> </div>
<script type="text/javascript" src="https://www.gtuanb.com/statics/sg/js/popup.js"></script>
<div class="fl" style="width:100%; margin-top: 15px;position: relative;">
<span style="float:left; line-hight:30px; padding-top:10px; font-weight: bold;">分享：</span>
<span>
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","qzone","sqq","douban","tieba","copy"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","sqq","douban","tieba","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</span>
</div>
<div class="nr_div_col2 mt10">
<div class="nr_div_title"><span>相关阅读</span></div>
<div>
<ul>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729547.html" title="简单仿百度搜索首页" target="_blank">简单仿百度搜索首页</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729541.html" title="QQ防沉迷可以改吗" target="_blank">QQ防沉迷可以改吗</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729533.html" title="女朋友都抖了还能继续吗" target="_blank">女朋友都抖了还能继续吗</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729524.html" title="文艺留言小短句" target="_blank">文艺留言小短句</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729516.html" title="WiFi密码对的连接说连接超时" target="_blank">WiFi密码对的连接说连接超时</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729500.html" title="葫芦头泡馍的起源" target="_blank">葫芦头泡馍的起源</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729489.html" title="lol船长叫什么" target="_blank">lol船长叫什么</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729474.html" title="qq保护方式怎么强行登录登录软件" target="_blank">qq保护方式怎么强行登录登录软件</a></li>
</ul>
</div>
</div>
<script>
if (isMobile()){
document.write('<div class="nr_div_title"><span>搜索推荐</span></div><div style="text-align:center;margin-top:10px;"><script>wap_show_sosuo();<\/script><\/div>');
}else{
}
</script>
<div class="nr_div_col2 mt10">
<div class="nr_div_title"><span> </span></div>
<div>
<ul>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729466.html" title="女流氓慧静" target="_blank">女流氓慧静</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729447.html" title="文学体裁有哪几种" target="_blank">文学体裁有哪几种</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729436.html" title="ilc是什么意思" target="_blank">ilc是什么意思</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729425.html" title="秦海璐说张馨月矫情是哪期" target="_blank">秦海璐说张馨月矫情是哪期</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729421.html" title="lnlove中文是什么意思" target="_blank">lnlove中文是什么意思</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729411.html" title="剪刀的读音" target="_blank">剪刀的读音</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729402.html" title="Q2是什么意思" target="_blank">Q2是什么意思</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729393.html" title="女孩子生日送什么礼物好" target="_blank">女孩子生日送什么礼物好</a></li>
</ul>
</div>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_artlist1();<\/script><\/div>');
}else{
document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>');
}
</script>
<div class="nr_div mt10">
<div class="nr_div_title"><span>最新文章</span></div>
<ul class="nr_div_list">
<li class="nr_div_list_item">
<div class="title"><a href="http://zh.gtuanb.com/zxuwd/202509/2729544.html" title="qq访问空间来访特效怎么设置" target="_blank">qq访问空间来访特效怎么设置</a></div>
<div class="description">【qq访问空间来访特效怎么设置】在QQ空间中，用户可以通过设置“访问空间”时的特效来提升互动体验，让朋友在...<a href="http://zh.gtuanb.com/zxuwd/202509/2729544.html" title="qq访问空间来访特效怎么设置" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://news.gtuanb.com/jyawd/202509/2729543.html" title="qq防沉迷实名认证怎么修改" target="_blank">qq防沉迷实名认证怎么修改</a></div>
<div class="description">【qq防沉迷实名认证怎么修改】在如今的网络环境中，QQ作为一款广受欢迎的社交软件，为了更好地落实国家关于未...<a href="https://news.gtuanb.com/jyawd/202509/2729543.html" title="qq防沉迷实名认证怎么修改" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://bbs.gtuanb.com/bbs/202509/2729542.html" title="qq防沉迷身份证怎么设置" target="_blank">qq防沉迷身份证怎么设置</a></div>
<div class="description">【qq防沉迷身份证怎么设置】在使用QQ游戏时，为了遵守国家关于未成年人网络保护的相关规定，腾讯推出了“防沉...<a href="https://bbs.gtuanb.com/bbs/202509/2729542.html" title="qq防沉迷身份证怎么设置" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://zixun.gtuanb.com/zixun/202509/2729541.html" title="QQ防沉迷可以改吗" target="_blank">QQ防沉迷可以改吗</a></div>
<div class="description">【QQ防沉迷可以改吗】“QQ防沉迷可以改吗”是许多家长和青少年用户关心的问题。随着网络监管政策的不断加强，...<a href="https://zixun.gtuanb.com/zixun/202509/2729541.html" title="QQ防沉迷可以改吗" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.gtuanb.com/ricwd/202509/2729540.html" title="QQ发消息感叹号怎么回事" target="_blank">QQ发消息感叹号怎么回事</a></div>
<div class="description">【QQ发消息感叹号怎么回事】在使用QQ进行聊天时，用户可能会发现某些消息旁边出现了感叹号。这个感叹号的存在...<a href="https://www.gtuanb.com/ricwd/202509/2729540.html" title="QQ发消息感叹号怎么回事" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.gtuanb.com/jxuwd/202509/2729539.html" title="QQ发什么词会有表情掉下来" target="_blank">QQ发什么词会有表情掉下来</a></div>
<div class="description">【QQ发什么词会有表情掉下来】在QQ这款聊天软件中，除了普通的文字和图片交流外，还有一种趣味性的功能——当...<a href="https://www.gtuanb.com/jxuwd/202509/2729539.html" title="QQ发什么词会有表情掉下来" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="https://www.gtuanb.com/zsiwd/202509/2729538.html" title="QQ发红包提示立即实名认证怎么办怎么实名认证" target="_blank">QQ发红包提示立即实名认证怎么办怎么实名认证</a></div>
<div class="description">【QQ发红包提示立即实名认证怎么办怎么实名认证】在使用QQ进行红包发送时，系统可能会提示“立即实名认证”，...<a href="https://www.gtuanb.com/zsiwd/202509/2729538.html" title="QQ发红包提示立即实名认证怎么办怎么实名认证" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://kx.gtuanb.com/yaxwd/202509/2729537.html" title="女朋友给男朋友导管怎么说" target="_blank">女朋友给男朋友导管怎么说</a></div>
<div class="description">【女朋友给男朋友导管怎么说】在日常生活中，情侣之间的沟通方式多种多样，有时会使用一些较为私密或带有调侃...<a href="http://kx.gtuanb.com/yaxwd/202509/2729537.html" title="女朋友给男朋友导管怎么说" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://zh.gtuanb.com/zxuwd/202509/2729536.html" title="女朋友发抖了还可以继续吗" target="_blank">女朋友发抖了还可以继续吗</a></div>
<div class="description">【女朋友发抖了还可以继续吗】在亲密关系中，身体的反应往往反映出情绪或生理状态。当“女朋友发抖了”，很多...<a href="http://zh.gtuanb.com/zxuwd/202509/2729536.html" title="女朋友发抖了还可以继续吗" target="_blank" class="llqw">浏览全文>></a></div>
</li>
<li class="nr_div_list_item">
<div class="title"><a href="http://m.gtuanb.com/yxuwd/202509/2729535.html" title="女朋友对你说好想要" target="_blank">女朋友对你说好想要</a></div>
<div class="description">【女朋友对你说好想要】在恋爱关系中，语言是表达情感的重要方式。当女朋友对你说“好想要”时，这句话可能蕴...<a href="http://m.gtuanb.com/yxuwd/202509/2729535.html" title="女朋友对你说好想要" target="_blank" class="llqw">浏览全文>></a></div>
</li>
</ul>
</div>
<script type="text/javascript">
setTimeout(document.write("<script type='text/javascript' src='https://www.gtuanb.com/statics/sg/js/cp.js'><\/script>"),2000);
</script>
</div>
<!--右侧侧部分开始-->
<div class="article_r">
<script>
if (!isMobile()){
document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_1();pc_show_right_font();<\/script><\/div>');
}
</script>
<div class="mt10 fl">
<div class="look_bt">大家爱看</div>
<ul class="look_list">
<li><a href="http://zh.gtuanb.com/zxuwd/202509/2729544.html" title="qq访问空间来访特效怎么设置" target="_blank">qq访问空间来访特效怎么设置</a></li>
<li><a href="https://news.gtuanb.com/jyawd/202509/2729543.html" title="qq防沉迷实名认证怎么修改" target="_blank">qq防沉迷实名认证怎么修改</a></li>
<li><a href="http://m.gtuanb.com/yxuwd/202509/2729535.html" title="女朋友对你说好想要" target="_blank">女朋友对你说好想要</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729534.html" title="女朋友都没有" target="_blank">女朋友都没有</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729524.html" title="文艺留言小短句" target="_blank">文艺留言小短句</a></li>
<li><a href="http://kx.gtuanb.com/yaxwd/202509/2729504.html" title="秦岚是张瑜女儿吗" target="_blank">秦岚是张瑜女儿吗</a></li>
<li><a href="http://zh.gtuanb.com/zxuwd/202509/2729503.html" title="秦岚是秦氏集团的吗" target="_blank">秦岚是秦氏集团的吗</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729500.html" title="葫芦头泡馍的起源" target="_blank">葫芦头泡馍的起源</a></li>
<li><a href="http://zh.gtuanb.com/zxuwd/202509/2729499.html" title="lol打字队友看不到怎么设置" target="_blank">lol打字队友看不到怎么设置</a></li>
<li><a href="http://m.gtuanb.com/yxuwd/202509/2729496.html" title="lol打野英雄强度排行" target="_blank">lol打野英雄强度排行</a></li>
</ul>
</div>
<div class="block2"></div>
<script>
if (!isMobile()){
document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right_banner();<\/script><\/div>');
}
</script>
<div class="mt10 fl">
<div class="look_bt">频道推荐</div>
<ul class="look_list">
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729547.html" title="简单仿百度搜索首页" target="_blank">简单仿百度搜索首页</a></li>
<li><a href="http://kx.gtuanb.com/yaxwd/202509/2729537.html" title="女朋友给男朋友导管怎么说" target="_blank">女朋友给男朋友导管怎么说</a></li>
<li><a href="https://www.gtuanb.com/jxuwd/202509/2729531.html" title="女朋友的味道" target="_blank">女朋友的味道</a></li>
<li><a href="http://m.gtuanb.com/yxuwd/202509/2729526.html" title="文艺名字男" target="_blank">文艺名字男</a></li>
<li><a href="https://news.gtuanb.com/jyawd/202509/2729518.html" title="WiFi密码忘记了怎么办" target="_blank">WiFi密码忘记了怎么办</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729517.html" title="wifi密码分享怎么做" target="_blank">wifi密码分享怎么做</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729516.html" title="WiFi密码对的连接说连接超时" target="_blank">WiFi密码对的连接说连接超时</a></li>
<li><a href="https://www.gtuanb.com/jxuwd/202509/2729514.html" title="Wifi没有路由器怎么上网" target="_blank">Wifi没有路由器怎么上网</a></li>
<li><a href="http://zh.gtuanb.com/zxuwd/202509/2729506.html" title="葫芦娃救爷爷是什么梗" target="_blank">葫芦娃救爷爷是什么梗</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729502.html" title="葫芦头泡馍葫芦头是啥" target="_blank">葫芦头泡馍葫芦头是啥</a></li>
</ul>
</div>
<div class="block2"></div>
<script>
if (!isMobile()){
document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_2();<\/script><\/div>');
}
</script>
<div class="mt10 fl">
<div class="look_bt">站长推荐</div>
<ul class="look_list">
<li><a href="https://www.gtuanb.com/ricwd/202509/2729546.html" title="简单方便的早餐有哪些" target="_blank">简单方便的早餐有哪些</a></li>
<li><a href="https://www.gtuanb.com/zsiwd/202509/2729545.html" title="简单独特的除夕微信短信祝福语有哪些" target="_blank">简单独特的除夕微信短信祝福语有哪些</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729542.html" title="qq防沉迷身份证怎么设置" target="_blank">qq防沉迷身份证怎么设置</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729541.html" title="QQ防沉迷可以改吗" target="_blank">QQ防沉迷可以改吗</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729533.html" title="女朋友都抖了还能继续吗" target="_blank">女朋友都抖了还能继续吗</a></li>
<li><a href="http://kx.gtuanb.com/yaxwd/202509/2729528.html" title="文艺男网名" target="_blank">文艺男网名</a></li>
<li><a href="http://zh.gtuanb.com/zxuwd/202509/2729520.html" title="wifi密码忘了怎么找回" target="_blank">wifi密码忘了怎么找回</a></li>
<li><a href="http://kx.gtuanb.com/yaxwd/202509/2729512.html" title="important怎么变成名词或者说重要名词是什么" target="_blank">important怎么变成名词或者说重要名词是什么</a></li>
<li><a href="http://m.gtuanb.com/yxuwd/202509/2729505.html" title="葫芦娃歌词介绍" target="_blank">葫芦娃歌词介绍</a></li>
<li><a href="https://www.gtuanb.com/zsiwd/202509/2729493.html" title="葫芦丝怎么吹葫芦丝技巧滑音练习" target="_blank">葫芦丝怎么吹葫芦丝技巧滑音练习</a></li>
<li><a href="https://www.gtuanb.com/ricwd/202509/2729492.html" title="秦岚电影作品大全" target="_blank">秦岚电影作品大全</a></li>
<li><a href="http://m.gtuanb.com/yxuwd/202509/2729483.html" title="简爱读书笔记好词好句" target="_blank">简爱读书笔记好词好句</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729481.html" title="简爱电影简介" target="_blank">简爱电影简介</a></li>
<li><a href="https://www.gtuanb.com/csiwd/202509/2729462.html" title="女留学生坠亡前在高处坐了几个小时" target="_blank">女留学生坠亡前在高处坐了几个小时</a></li>
<li><a href="https://news.gtuanb.com/jyawd/202509/2729459.html" title="whenever等于什么" target="_blank">whenever等于什么</a></li>
<li><a href="https://www.gtuanb.com/ricwd/202509/2729457.html" title="what怎么读大家可以学习一下" target="_blank">what怎么读大家可以学习一下</a></li>
<li><a href="https://www.gtuanb.com/zsiwd/202509/2729454.html" title="what英语怎么读单词what怎么读" target="_blank">what英语怎么读单词what怎么读</a></li>
<li><a href="https://bbs.gtuanb.com/bbs/202509/2729449.html" title="胡萝卜怎么种植方法" target="_blank">胡萝卜怎么种植方法</a></li>
<li><a href="https://zixun.gtuanb.com/zixun/202509/2729447.html" title="文学体裁有哪几种" target="_blank">文学体裁有哪几种</a></li>
<li><a href="https://www.gtuanb.com/ricwd/202509/2729446.html" title="胡萝卜怎么种" target="_blank">胡萝卜怎么种</a></li>
</ul>
</div>
<div class="block2"></div>
</div>
<!--右侧部分结束-->
</div>
</div>
<div class="clearfix"></div>
<script>
if (isMobile()){
document.write('<script>wap_show_button_under();<\/script>');
}
</script>
<div class="footer"><div class="main">
<div class="copylink">
<p class="link">
<a href="https://www.gtuanb.com/about.html" target="_blank">关于我们</a><span>|</span>
<a href="https://www.gtuanb.com/lxfs.html" target="_blank">联系方式</a><span>|</span>
<a href="https://www.gtuanb.com/bqsm.html" target="_blank">版权声明</a><span>|</span>
<a href="https://www.gtuanb.com/mzsm.html" target="_blank">免责声明</a><span>|</span>
</p>
</div>
<div id="copy" class="graylink">
Copyright © 2007-2025 www.gtuanb.com All Right Reserved. 版权所有 购团邦网 工信部网站备案编号：<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备20009419号-24</a>
</div>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?97d7d7438e9687998e7547806c079c801412d5b103859ff732ca59c95694696bfd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
</div>
</div>
</body>
</html>
