首页运营SEO 网页设计师与SEO技巧

网页设计师与SEO技巧

网页设计师应该掌握些网站优化知识


时至今日搜索引擎优化技术已经不再神秘,个人站长们都在尝试利用各种优化手法来提高网站访问量,而客户也开始渐渐地注意到优化在网站推广…

网页设计师应该掌握些网站优化知识


时至今日搜索引擎优化技术已经不再神秘,个人站长们都在尝试利用各种优化手法来提高网站访问量,而客户也开始渐渐地注意到优化在网站推广中的重要性了,所以对于现阶段的网页设计师来说,不管是为自己建站也好还是为客户服务也好,都不能不掌握些搜索引擎优化的知识了,当然掌握一些常规的搜索引擎优化技巧还是比较简单的,下面就来和大家分享一下网站内部优化的一些实用技巧,可以说如果您能娴熟的运用这些知识那您的网站也就已经可以有个不错的表现了。

合理的策划网站结构
合理的网站结构包括你的网站代码是否符合w3c标准,页面是否采用了框架结构,是否嵌套了大量的图片和flash动画元素、是否将大量的js和css代码放在了页面头部等;搜索引擎越来越重视网页代码的严谨性了,而严谨的代码通常是指可以通过w3c验证的,另外时至今日搜索引擎还是无法很好的检索框架里的内容和flash动画、图片、js等包含的内容,所以在设计网页时应尽量避免大量的使用这些东西;

用好“title”这柄利剑
title标签对于提高网站的排名起着非常重要的作用,在做静态网页时很多人也都知道要给网页配上一个合适的“title”,而且关于这方面的介绍也有很多,所以有关静态网页的title优化在此我就不再赘述,我要讲的是有关动态页面的优化,因为动态页面是要实现一个网页动态显示不同的内容,这需要懂些动态知识,所以很多设计师就不再管“title”了,其实这个处理起来还是比较简单的,只要大家记得尽可能地将 select 语句写在 标记之前,然后将 rs(“title”) 包含到 <title> 标记里面就行了,关于这个技巧的更具体说明请查看我的另一篇文章:http://www.gzseo.cn/seo-07.htm《动态网站优化的一些技巧》。注:这里用的是asp语法<br /><br />不可忽略description 的作用<br />虽然时至今日description 的作用已大不如前,但也还是有一些搜索引擎会用到它的,比如google,所以在作网站优化时一定别忘了给description 加上一句概述页面内容的短句,但内容不能太长,最好控制在60字以内,而且要文法通顺,单个关键词的密度掌握在2-3次为佳,千万别尝试给它加入更多的关键词。<br /><br />千万别滥用keywords<br />很多刚涉足搜索引擎优化的人都容易犯一个错误,就是认为同个关键词在一个页面出现的次数越多就越容易被搜索引擎收录,其实除非你确实了解搜索引擎的算法,否则这种做法是相当冒险的,因为有些搜索引擎会把这种做法看成是作弊,或者降低你的排名,而据我的了解目前已经没有搜索引擎会再去读keywords标记里的内容了,所以我在做网站时已基本不再使用这个标记。<br /><br />理智地选择关键词<br />真正敏感的关键词一般都竞争很激烈而且有时候敏感词的实用性也不强,所以对于新手来说一般应该先避开这种词而选择一些扩展性比较好的词,举个例子来说,网站优化这个词的竞争一定很激烈,而广州网站优化这个地域性质明显的词要做上去就比较容易了,而且站在客户的角度来说,如果是一家广州的公司要做优化的话相信他也多半是搜索广州网站优化这个词的,所以如果你的优化业务面对的主要是广州的客户的话,那广州网站优化这个词应该是首选了。<br /><br />争取更多高质量的外部链接<br />高质量的外部链接在提高网站排名中的作用至关重要,这一点在google的算法中尤为明显,当然这需要你的合作者的网站内容与你的网站有很强的相关性,并且他的网站在搜索引擎排名中已有不错的表现,否则要是你链入了很多的垃圾链接,反而有可能会遭受搜索引擎的严厉惩罚。<br /><br />最好的优化是忘掉“优化”<br />不好意思,绕来绕去又绕回来了,这也许就是返朴归真吧,我们首先要明确网站优化的最高目标是为了用户,而不是纯粹地为了搜索引擎,很多网站在进行优化时似乎不知道重点所在,可能由于自身经验所限,或者受到一些不负责任的“seo”影响,往往不从网站基本要素的优化入手,而是希望通过一些简单的办法快速达到“优化”的效果,结果是适得其反,甚至被搜索引擎当成作弊而打入冷宫。其实正如“百度”所强调的,每个搜索引擎都会尽可能的满足用户的搜索体验,让使用者尽可能的找到他需要的信息,因此你最需要做的就是丰富你的网站内容,如果你做好了这点,那搜索引擎是不会忽略你的。<br /><br />记住搜索引擎喜欢简短的页面<br />搜索引擎其实和我们一样比较喜欢内容简洁,下载速度快的页面,所以在写下这句话时我就想我该打住了,否则我的这篇心得就将在网络上“石沉大海”了。 </SPAN> </div> <nav class="navigation pagination" aria-label="文章" style="display: block;padding: 0px;border: 0px;"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"></div> </nav> <div class="single-credit"> 本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: <a href="https://www.1cn.cc/yunying/seo/23706.html">https://www.1cn.cc/yunying/seo/23706.html</a></div> <div class="entry-footer clear"> <div id="myModal" class="modal"> <div class="modal-content clear"> <h3>给这篇文章的作者打赏</h3> <div class="ht_grid_1_2_custom"> <img src="https://www.1cn.cc/skin/ecms312/images/weixin-code.png" alt="微信扫一扫打赏"/> 微信扫一扫打赏</div> <div class="ht_grid_1_2_custom"> <img src="https://www.1cn.cc/skin/ecms312/images/alipay-code.png" alt="微信扫一扫打赏"/> 支付宝扫一扫打赏</div> <span class="close">×</span></div> </div> <div class="entry-footer-right"> <span class="entry-sponsor"> <span id="myBtn"><i class="fa fa-jpy"></i> 打赏</span> </span> <span class="entry-like"> <span class="sl-wrapper"><a href="JavaScript:makeRequest('https://www.1cn.cc/e/public/digg/?classid=33&id=23706&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');" class="sl-button sl-button-87" title="点赞这篇文章"><span class="sl-count" id="diggnum"><i class="fa fa-thumbs-o-up"></i> <script src=https://www.1cn.cc/e/public/ViewClick/?classid=33&id=23706&down=5></script><em>赞</em></span></a><span class="sl-loader"></span></span> </span></div> </div> <div class="entry-bottom clear"> <div class="entry-tags"> <span class="tag-links"><span>标签:</span><a href="/tag/SEO.html" title="SEO" class="c1" target="_blank">SEO</a></span></div> <span class="custom-share"> <span class="social-share" data-sites="wechat, weibo, qq, qzone"></span> </span></div> </article> <div id="zhutibaba-ad-13" class="single-bottom-ad widget_ad ad-widget"> <div class="adwidget"><div class="pcd_ad"><script src=https://www.1cn.cc/d/js/acmsd/thea16.js></script></div><div class="mbd_ad"><a href='https://www.1cn.cc/e/public/ClickAd?adid=17' target=_blank><img src='/d/file/2022/03-28/de6866d1e77780db6e0337db1bcfe8ac.png' border=0 width='468' height='60' alt=''></a></div></div> </div> <div class="post-nav clear"> <div class="post-nav-previous"><i class="fa fa-angle-left"></i> 上一篇<a href='https://www.1cn.cc/yunying/seo/23705.html'>SEO教程:设计符合搜索引擎优化标准的网页</a></div> <div class="post-nav-next">下一篇 <i class="fa fa-angle-right"></i><a href='https://www.1cn.cc/yunying/seo/23707.html'>SEO实例分享:关键词和网站流量</a></div> </div> <div class="author-box clear"> <img alt="admin" src="https://www.1cn.cc/skin/ecms312/images/avatar.jpg" class="avatar avatar-120 photo" height="120" width="120" /> <div class="author-meta"> <h4 class="author-name">作者: <span class="hover-underline"><a target="_blank" href="https://www.1cn.cc/">admin</a></span></h4> <div class="author-desc"> 这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!</div> </div> </div> <div class="entry-related clear"> <h3 class="section-title">为您推荐</h3> <div class="related-loop clear"> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/10446.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=https://www.1cn.cc/skin/ecms312/images/notimg.gif&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计制作标准规范" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/10446.html" target="_blank">网页设计制作标准规范</a></h2> </div> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/10558.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=/d/file/20220708/3ovcvbkvze191.jpg&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计的12种颜色" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/10558.html" target="_blank">网页设计的12种颜色</a></h2> </div> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/10586.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=https://www.1cn.cc/skin/ecms312/images/notimg.gif&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计应该注意出现的错误" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/10586.html" target="_blank">网页设计应该注意出现的错误</a></h2> </div> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/10588.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=https://www.1cn.cc/skin/ecms312/images/notimg.gif&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计指导:网站设计的主要方面" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/10588.html" target="_blank">网页设计指导:网站设计的主要方面</a></h2> </div> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/10909.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=https://www.1cn.cc/skin/ecms312/images/notimg.gif&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计时应注意网站版权声明的写法" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/10909.html" target="_blank">网页设计时应注意网站版权声明的写法</a></h2> </div> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="https://www.1cn.cc/jianzhan/jingyan/11045.html" target="_blank"> <div class="thumbnail-wrap"> <img width="300" height="180" src="https://www.1cn.cc/e/extend/timthumb.php?src=https://www.1cn.cc/skin/ecms312/images/notimg.gif&w=300&h=180&zc=1" class="attachment-post_thumb size-post_thumb wp-post-image" alt="网页设计中提高可读性的方法" /></div> </a> <h2 class="entry-title"><a href="https://www.1cn.cc/jianzhan/jingyan/11045.html" target="_blank">网页设计中提高可读性的方法</a></h2> </div> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"></div> <script src="https://www.1cn.cc/e/extend/infocomment/commentfrom.php?classid=33&id=23706&titleurl=https://www.1cn.cc/yunying/seo/23706.html"></script> <h3 class="comments-title"> 评论列表(<i id="infocommentnumarea"></i>)</h3> <ol class="comment-list" id="infocommentarea"></ol> <script src="https://www.1cn.cc/e/extend/infocomment/commentajax.php?classid=33&id=23706"></script> </div> </main> </div> <aside id="secondary" class="widget-area sidebar"> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea11.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="damenhu-views-2" class="widget widget-damenhu-views widget_posts_thumbnail"> <h2 class="widget-title">浏览最多的文章</h2> <ul> <li class="clear"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark"> <div class="thumbnail-wrap"><img width="300" height="150" src="https://www.1cn.cc/e/extend/timthumb.php?src=/d/file/20220709/issqbozs0dy3812.png&w=300&h=150&zc=1" class="attachment-widget_thumb size-widget_thumb wp-post-image" alt="网站SEO之TAGS标签优化有多重要?" loading="eager" /></div> </a> <div class="entry-wrap"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></div> </li> <li class="post-list"><span>1</span><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></li> <li class="post-list"><span>2</span><a href="https://www.1cn.cc/yunying/seo/22746.html" rel="bookmark">新手做淘宝客放弃seo用软文营销经验分享</a></li> <li class="post-list"><span>3</span><a href="https://www.1cn.cc/yunying/seo/22805.html" rel="bookmark">新浪微博粉丝通推广效果分析</a></li> <li class="post-list"><span>4</span><a href="https://www.1cn.cc/yunying/seo/32024.html" rel="bookmark">网站优化之关键词优化:为什么研究关键词</a></li> <li class="post-list"><span>5</span><a href="https://www.1cn.cc/yunying/seo/32196.html" rel="bookmark">从网约车地方细则看网站SEO优化行业</a></li> </ul> </div> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea12.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="damenhu-popular-2" class="widget widget-damenhu-popular widget_posts_thumbnail"> <h2 class="widget-title">评论最多的文章</h2> <ul> <li class="clear"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark"> <div class="thumbnail-wrap"><img width="300" height="150" src="https://www.1cn.cc/e/extend/timthumb.php?src=/d/file/20220709/issqbozs0dy3812.png&w=300&h=150&zc=1" class="attachment-widget_thumb size-widget_thumb wp-post-image" alt="网站SEO之TAGS标签优化有多重要?" loading="eager" /></div> </a> <div class="entry-wrap"><a href="https://www.1cn.cc/yunying/seo/32200.html" rel="bookmark">网站SEO之TAGS标签优化有多重要?</a></div> </li> <li class="post-list"><span>1</span><a href="https://www.1cn.cc/yunying/seo/32199.html" rel="bookmark">网站运营需要掌握的SEO搜索技巧</a></li> <li class="post-list"><span>2</span><a href="https://www.1cn.cc/yunying/seo/32198.html" rel="bookmark">如何写一篇高质量的原创文章?高质量的原创文章的写作技巧汇总</a></li> <li class="post-list"><span>3</span><a href="https://www.1cn.cc/yunying/seo/32197.html" rel="bookmark">SEO对于草根站长而言还有多少价值?</a></li> <li class="post-list"><span>4</span><a href="https://www.1cn.cc/yunying/seo/32196.html" rel="bookmark">从网约车地方细则看网站SEO优化行业</a></li> <li class="post-list"><span>5</span><a href="https://www.1cn.cc/yunying/seo/32195.html" rel="bookmark">一个合格的SEO至少在这三个阶段进行优化工作</a></li> </ul> </div> <div class="widget widget_ad ad-widget"> <div class="adwidget"><script src="https://www.1cn.cc/d/js/acmsd/thea13.js"></script></div> <h2 class="widget-title">广告</h2> </div> <div id="tag_cloud-1" class="widget widget_tag_cloud"> <h2 class="widget-title">标签</h2> <div class="tagcloud"> <a href="/tag/SEO.html" class="tag-cloud-link" title="SEO (6013个项目)">SEO</a> <a href="/tag/jiaocheng.html" class="tag-cloud-link" title="教程 (2364个项目)">教程</a> <a href="/tag/fuwuqi.html" class="tag-cloud-link" title="服务器 (1863个项目)">服务器</a> <a href="/tag/xitong.html" class="tag-cloud-link" title="系统 (1150个项目)">系统</a> <a href="/tag/shezhi.html" class="tag-cloud-link" title="设置 (1105个项目)">设置</a> <a href="/tag/lianjie.html" class="tag-cloud-link" title="链接 (962个项目)">链接</a> <a href="/tag/qiye.html" class="tag-cloud-link" title="企业 (933个项目)">企业</a> <a href="/tag/wenjian.html" class="tag-cloud-link" title="文件 (856个项目)">文件</a> <a href="/tag/diguo.html" class="tag-cloud-link" title="帝国 (788个项目)">帝国</a> <a href="/tag/diguoCMS.html" class="tag-cloud-link" title="帝国CMS (724个项目)">帝国CMS</a> <a href="/tag/FTP.html" class="tag-cloud-link" title="FTP (563个项目)">FTP</a> <a href="/tag/Discuz.html" class="tag-cloud-link" title="Discuz (457个项目)">Discuz</a> <a href="/tag/diannao.html" class="tag-cloud-link" title="电脑 (315个项目)">电脑</a> <a href="/tag/shujuku.html" class="tag-cloud-link" title="数据库 (215个项目)">数据库</a> <a href="/tag/zhuce.html" class="tag-cloud-link" title="注册 (200个项目)">注册</a> <a href="/tag/xiazai.html" class="tag-cloud-link" title="下载 (173个项目)">下载</a> <a href="/tag/Discuzjiaocheng.html" class="tag-cloud-link" title="Discuz教程 (144个项目)">Discuz教程</a> <a href="/tag/aliyun.html" class="tag-cloud-link" title="阿里云 (141个项目)">阿里云</a> <a href="/tag/com.html" class="tag-cloud-link" title="com (123个项目)">com</a> <a href="/tag/woijingtai.html" class="tag-cloud-link" title="伪静态 (122个项目)">伪静态</a> <a href="/tag/jilu.html" class="tag-cloud-link" title="记录 (111个项目)">记录</a> <a href="/tag/beian.html" class="tag-cloud-link" title="备案 (99个项目)">备案</a> <a href="/tag/diguocmsjiaocheng.html" class="tag-cloud-link" title="帝国cms教程 (86个项目)">帝国cms教程</a> <a href="/tag/yidongduan.html" class="tag-cloud-link" title="移动端 (78个项目)">移动端</a> <a href="/tag/cunchu.html" class="tag-cloud-link" title="存储 (74个项目)">存储</a> <a href="/tag/guzhang.html" class="tag-cloud-link" title="故障 (67个项目)">故障</a> <a href="/tag/bijibon.html" class="tag-cloud-link" title="笔记本 (64个项目)">笔记本</a> <a href="/tag/jiage.html" class="tag-cloud-link" title="价格 (61个项目)">价格</a> <a href="/tag/sitemap.html" class="tag-cloud-link" title="sitemap (60个项目)">sitemap</a> <a href="/tag/lingdongbiaoqian.html" class="tag-cloud-link" title="灵动标签 (54个项目)">灵动标签</a> <a href="/tag/lanping.html" class="tag-cloud-link" title="蓝屏 (51个项目)">蓝屏</a> <a href="/tag/wangzhanditu.html" class="tag-cloud-link" title="网站地图 (50个项目)">网站地图</a> <a href="/tag/dedecmsjiaocheng.html" class="tag-cloud-link" title="dedecms教程 (42个项目)">dedecms教程</a> <a href="/tag/paixing.html" class="tag-cloud-link" title="排行 (39个项目)">排行</a> <a href="/tag/kehuduan.html" class="tag-cloud-link" title="客户端 (28个项目)">客户端</a> <a href="/tag/xiaochengxu.html" class="tag-cloud-link" title="小程序 (25个项目)">小程序</a> <a href="/tag/zizhujianzhan.html" class="tag-cloud-link" title="自助建站 (22个项目)">自助建站</a> <a href="/tag/request.html" class="tag-cloud-link" title="request (19个项目)">request</a> <a href="/tag/shoujiduan.html" class="tag-cloud-link" title="手机端 (19个项目)">手机端</a> <a href="/tag/HTML5.html" class="tag-cloud-link" title="HTML5 (17个项目)">HTML5</a> </div> </div> </aside> </div> </div> <div class="clear"></div> <footer id="colophon" class="site-footer container"> <div id="site-bottom" class="clear"> <div class="menu-botom-container"> <ul id="footer-menu" class="footer-nav"> <li><a href="https://www.1cn.cc/zixun/" target="_blank">资讯</a> </li><li><a href="https://www.1cn.cc/zhineng/" target="_blank">智能</a> </li><li><a href="https://www.1cn.cc/chuangye/" target="_blank">创业</a> </li><li><a href="https://www.1cn.cc/biancheng/" target="_blank">编程</a> </li><li><a href="https://www.1cn.cc/xiazai/" target="_blank">下载</a> </li><li><a href="https://www.1cn.cc/fwq/" target="_blank">服务器</a> </li><li><a href="https://www.1cn.cc/yunying/" target="_blank">运营</a> </li><li><a href="https://www.1cn.cc/jianzhan/" target="_blank">建站</a> </li><li><a href="https://www.1cn.cc/diannao/" target="_blank">电脑</a> </li><li><a href="https://www.1cn.cc/shouji/" target="_blank">手机</a> </li><li><a href="https://www.1cn.cc/yule/" target="_blank">娱乐</a> </li><li><a href="https://www.1cn.cc/cc/" target="_blank">储存</a> </li><li><a href="https://www.1cn.cc/dd/" target="_blank">待定</a> </li> </ul> </div> <div class="site-info"> © 2022 <a href="https://www.1cn.cc/">1号站长-站长学院|资讯交流平台</a> - <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JiLN6KXc4tiqOcQr",ck: "JiLN6KXc4tiqOcQr",autoTrack:true,hashMode:true})</script>-- - <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JiLN6KXc4tiqOcQr",ck: "JiLN6KXc4tiqOcQr",autoTrack:true,hashMode:true})</script>统计代码<a href="https://www.1cn.cc/sitemap/news_1.xml"><font color="#0000FF">百度地图</font></a>.<a href="https://www.1cn.cc/sitemap/news_2.xml"><font color="#0000FF">sitemap</font></a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?344031d17476ebc7ab3a7975ded42d83"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </div> </footer> </div> <div class="bottom-right"> <div class="icon-contact tooltip"> <span class="icon-link"> <span class="icon"><i class="fa fa-phone"></i></span> <span class="text">联系我们</span> </span> <div class="left-space"> <div class="left"> <div class="contact-info"> <h3>联系我们</h3> <strong>0898-88888888</strong> <p>在线咨询: <a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank"><img src="https://www.1cn.cc/skin/ecms312/images/qqchat.gif" alt="QQ交谈"/></a></p> <p>邮箱: email@wangzhan.com</p> <p>工作时间:周一至周五,9:00-17:30,节假日休息</p> </div> <i></i></div> </div> </div> <div class="icon-weixin tooltip"> <span class="icon-link"> <span class="icon"><i class="fa fa-wechat"></i></span> <span class="text">关注微信</span> </span> <div class="left-space"> <div class="left"> <img src="https://www.1cn.cc/skin/ecms312/images/weixin-qrcode.png" alt="微信扫一扫关注我们"/> <h3>微信扫一扫关注我们</h3> <i></i></div> </div> </div> <div class="icon-weibo"> <a href="https://weibo.com/" target="_blank"> <span class="icon"><i class="fa fa-weibo"></i></span> <span class="text">关注微博</span> </a></div> <div id="back-top"> <a href="#top" title="返回顶部"> <span class="icon"><i class="fa fa-chevron-up"></i></span> <span class="text">返回顶部</span> </a></div> </div> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.sidebar').theiaStickySidebar({ // Settings additionalMarginTop: 30 }); }); </script> <script>// Get the modal var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }</script> <script>(function($){ //create closure so we can safely use $ as alias for jQuery $(document).ready(function(){ "use strict"; $(window).resize(function() { }); }); })(jQuery);</script> <script defer src="https://www.1cn.cc/skin/ecms312/js/main.js"></script> </body> </html>