最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 站长之家 > 搜索优化> 《搜索引擎优化指南》二 网页description meta篇

《搜索引擎优化指南》二 网页description meta篇

文章作者:网友投稿 发布时间:2008-11-14 20:41:43 来源:网络

充分利用”description”元标识标签         一张网页的description描述标签可以给Google及其它搜索引擎这张页面所涉及内容的一段摘要。网页title可能是几个单词或者一个短语,但页面的description 标签就可能是一个句子或者

充分利用”description”元标识标签

        一张网页的description描述标签可以给Google及其它搜索引擎这张页面所涉及内容的一段摘要。网页title可能是几个单词或者一个短语,但页面的description 标签就可能是一个句子或者一个短的段落了。Google网站管理员工具提供一个便捷的content analysis section (实际上就在Google网站管理员工具-控制台-故障诊断-内容分析里面,译者注),它可以告诉你哪些description标签短了或者长了,甚至是重复了太多。(它同样可以显示标签的信息)。就像<title>标签一样,description标签同样放在你网页HTML文档的<head>标签内容里。 </p> <p><img alt="Google SEO官方《搜索引擎优化指南》(1):网页description meta篇" src="http://pic.veryhuo.com/allimg/081114/2042220.jpg" /> </p> <p>  我们网站的首页的description标签里给了了网站提供的服务或产品内容。</p> <p>  description meta标签之所以重要是因为Google可能会把它们作为搜索结果中概述你网页内容的片段。需要注意的是这里用“可能”是因为如果网页内容更能匹配用户的关键词查询的话,Google也许会选择你网页可见内容的一部分。同样的,如果你的网站被列在了开放式目录(Open Directory Project)的话,Google也可能会把你的description meta标签用在这里。(了解如何防止搜索引擎显示ODP的数据)。为你每一张网页添加description meta标签可预防Google不能从你页面内容里找到可用显示片段,网站管理员博客有一篇文章是讲如何通过description meta标签来改善内容片段选取的。</p> <p>  内容片段出现在搜索结果的标题下,原网址上。</p> <p>   </p> <center><img height="85" alt="Google SEO官方《搜索引擎优化指南》(1):网页description meta篇" src="http://pic.veryhuo.com/allimg/081114/2042221.jpg" width="480" /></center> <p> </p> <p>  用户以[baseball cards]查询时</p> <p>   </p> <center><img height="82" alt="Google SEO官方《搜索引擎优化指南》(1):网页description meta篇" src="http://pic.veryhuo.com/allimg/081114/2042222.jpg" width="480" /></center> <p> </p> <p>  我们的首面作为一个结果出现,其中description meta标签内容就作为了内容片段了。</p> <p>  如果内容片段里有用户查询的关键词则会以粗体字高亮显示。这给用户判断你的网页是否是他要找的提供线索。下面是另一个例子,这一次从一个本身就包含了一篇文章的更深层次网页的description meta标签里提取搜索结果内容片段。</p> <p>   </p> <center><img height="80" alt="Google SEO官方《搜索引擎优化指南》(1):网页description meta篇" src="http://pic.veryhuo.com/allimg/081114/2042223.jpg" width="480" /></center> <p> </p> <p>  用户查询[rarest baseball cards]时</p> <p>   </p> <center><img height="113" alt="Google SEO官方《搜索引擎优化指南》(1):网页description meta篇" src="http://pic.veryhuo.com/allimg/081114/2042224.jpg" width="480" /></center> <p> </p> <p>  我们的这个更深层的页面出现在搜索结果中,并且它唯一的description meta标签内容被用作了结果片段。</p> <p>  description meta标签实战经验</p> <p>  精确地概括网页的内容——写一段描述既能提供相关信息,又能吸引用户的注意。不过最好避免:</p> <p>  写了一段描述却与网页内容没有任何联系。</p> <p>  用生成了描述,比如说”This is a webpage”或者”Page about baseball cards”。</p> <p>  仅仅用关键词填充描述内容。</p> <p>  复制粘贴文档里所有内容到description meta标签里。</p> <p>  为每一张页面添加唯一的描述内容——不同的页面不同的description内容将有助于用户和Google,尤其是在结果中有你域名下多个网页时(例如:用site:operator<域名内查询,在101个Google搜索技巧里有具体说明,译者注>搜索)。如果你的网站有成千甚至上万的页面,手动添加description meta标签就显得不太可行了。如果遇到这种情况,你可以试试根据网页内容自动生成description meta标签内容。不过还是得避免:</p> <p>  所有的页或者一大堆网页都共用相同的description meta标签内容</p> </div> <!-- 上一篇和下一篇 --> <div style="color:red;margin-top:30px"> <p style="height: 30px;">上一篇: <a href="/a/view/2707.html" title="">《搜索引擎优化指南》一 网页title篇</a> </p> <p style="height: 30px;">下一篇: <a href="/a/view/2709.html" title="">《搜索引擎优化指南》三 改善网站URLs的结构</a> </p> </div> </div> <!--相关资讯--> <div class="m-pd newZX"> <h2 class="mr-title">相关资讯</h2> <div class="CSoftType"> <div class="tab-cont-item" style="display: block;"> <ul> <li> <a class="AT2" href="/a/view/226010.html" target="_blank">美篇新手使用指南</a> <time>2019-11-07</time> </li> <li> <a class="AT2" href="/a/view/24334.html" target="_blank">CMOS设置优化指南 - 主板知识</a> <time>2010-08-14</time> </li> </ul> </div> </div> </div> <!--最新资讯--> <div class="m-pd newZX"> <h2 class="mr-title">最新资讯</h2> <div class="CSoftType"> <div class="tab-cont-item" style="display: block;"> <ul> <li> <a class="AT2" href="/a/view/276119.html" target="_blank">2020淘宝天猫双十一红包怎么领取?超级红包领取入口在哪里</a> <time>2020-10-23</time> </li> <li> <a class="AT2" href="/a/view/275945.html" target="_blank">淘宝人生怎么许愿?淘宝人生参与套装许愿在哪</a> <time>2020-10-23</time> </li> <li> <a class="AT2" href="/a/view/275005.html" target="_blank">滴滴出行集猫青桔猫怎么获得?拿铁喵怎么获得</a> <time>2020-10-23</time> </li> <li> <a class="AT2" href="/a/view/275867.html" target="_blank">2020双十一淘宝养猫组队队长可以退队吗?队长怎么离开队伍</a> <time>2020-10-23</time> </li> <li> <a class="AT2" href="/a/view/275792.html" target="_blank">2020双十一淘宝天猫喵币怎么获得更多?喵币隐藏任务领取攻略</a> <time>2020-10-22</time> </li> <li> <a class="AT2" href="/a/view/275689.html" target="_blank">2020淘宝天猫双十一养猫88vip有什么用?88会员组队有啥区别</a> <time>2020-10-22</time> </li> <li> <a class="AT2" href="/a/view/275622.html" target="_blank">2020毒app双十一有活动吗?得物双十一打折吗会降价吗</a> <time>2020-10-22</time> </li> <li> <a class="AT2" href="/a/view/275538.html" target="_blank">2020淘宝天猫双十一养猫组队怎么踢人?超级星秀猫能踢人吗</a> <time>2020-10-22</time> </li> <li> <a class="AT2" href="/a/view/275355.html" target="_blank">2020淘宝天猫双十一养猫组队怎么玩?超级星秀猫组队攻略</a> <time>2020-10-21</time> </li> <li> <a class="AT2" href="/a/view/275283.html" target="_blank">2020双十一淘宝天猫养猫怎么升级快?快速升满51级攻略</a> <time>2020-10-21</time> </li> </ul> </div> </div> </div> <!--最新资讯end--> <!--游戏专题--> <div class="m-pd"> <h2 class="mr-title">游戏专题</h2> <a class="zt_more" href="/z/class/611_1.html" target="_blank">更多</a> <div class="ztBox"> <ul class="ztLists"> <li> <a href="/z/songjin_dianwan_youxi/"> <img src="//pic.veryhuo.com/upload/spec/20201022/e9952619d00a8e28a02cb432749dfcec.jpg" alt="注册送金币的电玩游戏合集"> <s></s> <strong>注册送金币的电玩游戏合集</strong> </a> </li> <li> <a href="/z/wuxing_tiyu_zhibo/"> <img src="//pic.veryhuo.com/upload/spec/20201022/6fdea7e674628bc12b663bb7fd5cefac.jpg" alt="最全的五星体育直播软件大全"> <s></s> <strong>最全的五星体育直播软件大全</strong> </a> </li> <li> <a href="/z/guanjiapo_xuanjiliao/"> <img src="//pic.veryhuo.com/upload/spec/20201012/1513bf4cd7117f0bba5775a4afd25729.jpg" alt="管家婆玄机料软件推荐"> <s></s> <strong>管家婆玄机料软件推荐</strong> </a> </li> <li> <a href="/z/zhenren_buyv_youxi/"> <img src="//pic.veryhuo.com/upload/spec/20201022/ef293a0072d24bd318fad6885c3ed9b3.jpg" alt="手机真人捕鱼游戏大全"> <s></s> <strong>手机真人捕鱼游戏大全</strong> </a> </li> </ul> </div> </div> <!--游戏专题end--> <!--网友评论--> <div class="m-pd "> <input type="hidden" value="2708" id="aid"> <h5 class="mr-title"><span class="f-r count">共有<i class="num">0</i>条评论</span>网友评论 </h5> <div class="pl-box" data-id="168613" data-model="document"> <form> <div class="pl-t"> <textarea class="pl-txta" placeholder="简单评论下吧..." id="saytext" name="saytext"></textarea> </div> <div class="pl-cz"> <span class="emotion express f-l"></span> <input type="button" value="评论" class="pl-btn f-r" /> </div> </form> </div> <div class="pl_cont"> </div> </div> <!--网友评论end--> </div> <!-- 内容右侧 --> <div class="m-r f-r"> <!-- 介绍 --> <!-- 安卓最新 --> <div class="sbox"> <h5 class="mr-title">最新安卓软件</h5> <ul class="list"> <li> <span class="num">1</span> <a href="/youxi/276080.html" class="txt">电玩森林舞会 v1.0 安卓版</a> </li> <li> <span class="num">2</span> <a href="/youxi/276047.html" class="txt">波克捕鱼千炮版旧版 v5.73.01 安卓版</a> </li> <li> <span class="num">3</span> <a href="/down/html/276052.html" class="txt">通讯录同步助手 v4.3.0 安卓版</a> </li> <li> <span class="num">4</span> <a href="/down/html/276065.html" class="txt">广东20选8 v1.0 安卓版</a> </li> <li> <span class="num">5</span> <a href="/down/html/276011.html" class="txt">手机恢复助手 v2.4 安卓版</a> </li> <li> <span class="num">6</span> <a href="/down/html/276216.html" class="txt">876棋牌 v8.7.6 安卓版</a> </li> <li> <span class="num">7</span> <a href="/down/html/276062.html" class="txt">数字体育 v1.0 安卓版</a> </li> <li> <span class="num">8</span> <a href="/down/html/275940.html" class="txt">广东省11选5走势图 v1.01 安卓版</a> </li> <li> <span class="num">9</span> <a href="/down/html/276109.html" class="txt">特种行动 v1.0.5 安卓版</a> </li> <li> <span class="num">10</span> <a href="/down/html/276093.html" class="txt">蚂蚁基金 v1.0 安卓版</a> </li> <li> <span class="num">11</span> <a href="/down/html/276023.html" class="txt">99电玩 v4.6.5 安卓版</a> </li> <li> <span class="num">12</span> <a href="/down/html/276059.html" class="txt">至尊大主宰 v1.0 安卓版</a> </li> <li> <span class="num">13</span> <a href="/down/html/275922.html" class="txt">彩之网 v1.0 安卓版</a> </li> <li> <span class="num">14</span> <a href="/down/html/275768.html" class="txt">美缘直播 v1.0 安卓版</a> </li> <li> <span class="num">15</span> <a href="/down/html/276186.html" class="txt">全盛棋牌 v3.4.1 安卓版</a> </li> </ul> </div> <!--排行榜--> <div class="sbox a-detail-rank"> <h5 class="mr-title">游戏排行榜</h5> <dl class="rank-main"> <dd> <ul> <li> <div class="show"> <em class="nub">1</em> <a href="/down/html/276065.html" title="广东20选8" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20200903/854212a0923eea9726ab2c683a5004b2.jpg" alt="广东20选8"></a> <div class="info"> <a href="/down/html/276065.html" target="_blank" title="广东20选8">广东20选8</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">1</em> <a href="/down/html/276065.html" target="_blank" title="广东20选8">广东20选8 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">2</em> <a href="/down/html/276216.html" title="876棋牌" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201009/4c80b2712f1a62fa3a9307035ca43005.jpg" alt="876棋牌"></a> <div class="info"> <a href="/down/html/276216.html" target="_blank" title="876棋牌">876棋牌</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">2</em> <a href="/down/html/276216.html" target="_blank" title="876棋牌">876棋牌 v8.7.6 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">3</em> <a href="/down/html/276062.html" title="数字体育" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201022/41ca0c3098b5b55f08580bda0528ee9c.png" alt="数字体育"></a> <div class="info"> <a href="/down/html/276062.html" target="_blank" title="数字体育">数字体育</a> <span class="cata">类型:体育竞技</span> </div> </div> <div class="hide"> <em class="nub">3</em> <a href="/down/html/276062.html" target="_blank" title="数字体育">数字体育 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">4</em> <a href="/down/html/275940.html" title="广东省11选5走势图" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201023/8a868533fb866336e793fbf6c4ab1552.png" alt="广东省11选5走势图"></a> <div class="info"> <a href="/down/html/275940.html" target="_blank" title="广东省11选5走势图">广东省11选5走势图</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">4</em> <a href="/down/html/275940.html" target="_blank" title="广东省11选5走势图">广东省11选5走势图 v1.01 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">5</em> <a href="/down/html/276109.html" title="特种行动" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201023/ac190ff89f5e50050f88e9a294ca8581.jpg" alt="特种行动"></a> <div class="info"> <a href="/down/html/276109.html" target="_blank" title="特种行动">特种行动</a> <span class="cata">类型:动作射击</span> </div> </div> <div class="hide"> <em class="nub">5</em> <a href="/down/html/276109.html" target="_blank" title="特种行动">特种行动 v1.0.5 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">6</em> <a href="/down/html/276023.html" title="99电玩" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/game/20201012/414492384a0b15d616b082d40910abe9.jpg" alt="99电玩"></a> <div class="info"> <a href="/down/html/276023.html" target="_blank" title="99电玩">99电玩</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">6</em> <a href="/down/html/276023.html" target="_blank" title="99电玩">99电玩 v4.6.5 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">7</em> <a href="/down/html/276059.html" title="至尊大主宰" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201023/1cfb4152c80625a4b1a8a8d9e94fe21b.gif" alt="至尊大主宰"></a> <div class="info"> <a href="/down/html/276059.html" target="_blank" title="至尊大主宰">至尊大主宰</a> <span class="cata">类型:角色扮演</span> </div> </div> <div class="hide"> <em class="nub">7</em> <a href="/down/html/276059.html" target="_blank" title="至尊大主宰">至尊大主宰 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">8</em> <a href="/down/html/275922.html" title="彩之网" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20200706/68c9f58d9dcfccbc6b12d197a2cab130.png" alt="彩之网"></a> <div class="info"> <a href="/down/html/275922.html" target="_blank" title="彩之网">彩之网</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">8</em> <a href="/down/html/275922.html" target="_blank" title="彩之网">彩之网 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">9</em> <a href="/down/html/276186.html" title="全盛棋牌" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20200603/05e3c0aebb5a714539430368b39351c8.png" alt="全盛棋牌"></a> <div class="info"> <a href="/down/html/276186.html" target="_blank" title="全盛棋牌">全盛棋牌</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">9</em> <a href="/down/html/276186.html" target="_blank" title="全盛棋牌">全盛棋牌 v3.4.1 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">10</em> <a href="/down/html/276210.html" title="企鹅体育" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201020/9790a005a8452dc96e335483610117a1.png" alt="企鹅体育"></a> <div class="info"> <a href="/down/html/276210.html" target="_blank" title="企鹅体育">企鹅体育</a> <span class="cata">类型:体育竞技</span> </div> </div> <div class="hide"> <em class="nub">10</em> <a href="/down/html/276210.html" target="_blank" title="企鹅体育">企鹅体育 v6.8.8 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">11</em> <a href="/down/html/275987.html" title="今天3d全部正版藏机图" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20200915/0d647a9087f4b3acc6a228fd43131f4a.jpg" alt="今天3d全部正版藏机图"></a> <div class="info"> <a href="/down/html/275987.html" target="_blank" title="今天3d全部正版藏机图">今天3d全部正版藏机图</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">11</em> <a href="/down/html/275987.html" target="_blank" title="今天3d全部正版藏机图">今天3d全部正版藏机图 v1.01 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">12</em> <a href="/down/html/275991.html" title="街机捕鱼电玩" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201023/4e7257ec1ae87d3226581ee42e906666.png" alt="街机捕鱼电玩"></a> <div class="info"> <a href="/down/html/275991.html" target="_blank" title="街机捕鱼电玩">街机捕鱼电玩</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">12</em> <a href="/down/html/275991.html" target="_blank" title="街机捕鱼电玩">街机捕鱼电玩 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">13</em> <a href="/down/html/276001.html" title="3b连线走势图带连线图" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20200819/0629c98c983ef5f4098576f7fafdfcdd.jpg" alt="3b连线走势图带连线图"></a> <div class="info"> <a href="/down/html/276001.html" target="_blank" title="3b连线走势图带连线图">3b连线走势图带连线图</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">13</em> <a href="/down/html/276001.html" target="_blank" title="3b连线走势图带连线图">3b连线走势图带连线图 v1.01 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">14</em> <a href="/down/html/276037.html" title="一剑问情" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201023/29f511688ad9e1054c388b8d836e7ce7.gif" alt="一剑问情"></a> <div class="info"> <a href="/down/html/276037.html" target="_blank" title="一剑问情">一剑问情</a> <span class="cata">类型:网游专区</span> </div> </div> <div class="hide"> <em class="nub">14</em> <a href="/down/html/276037.html" target="_blank" title="一剑问情">一剑问情 v1.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">15</em> <a href="/down/html/275810.html" title="凤凰娱乐" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20201022/523397e9e105e215d06163d85a2bb575.png" alt="凤凰娱乐"></a> <div class="info"> <a href="/down/html/275810.html" target="_blank" title="凤凰娱乐">凤凰娱乐</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">15</em> <a href="/down/html/275810.html" target="_blank" title="凤凰娱乐">凤凰娱乐 v2.1.5 安卓版</a> </div> </li> </ul> </dd> </dl> </div> <!--排行榜end--> <!--热荐资讯--> <div class="sbox"> <h5 class="mr-title">热荐资讯</h5> <ul class="list"> <li> <span class="num">1</span> <a href="/a/view/161114.html" class="txt">快手直播伴侣苹果版安装说明</a> </li> <li> <span class="num">2</span> <a href="/a/view/161128.html" class="txt">快手直播伴侣苹果ios版使用教程</a> </li> <li> <span class="num">3</span> <a href="/a/view/201110.html" class="txt">趣步链赚钱是真的假的 趣步是合法的吗</a> </li> <li> <span class="num">4</span> <a href="/a/view/154287.html" class="txt">TeamViewer获取注册码(激活许可证)方法</a> </li> <li> <span class="num">5</span> <a href="/a/view/192230.html" class="txt">快手时光机怎么用 快手时光机在哪里</a> </li> <li> <span class="num">6</span> <a href="/a/view/172638.html" class="txt">腾讯视频会员免费领七天教程</a> </li> <li> <span class="num">7</span> <a href="/a/view/103081.html" class="txt">税控开票软件金税盘版使用教程与常见问题</a> </li> <li> <span class="num">8</span> <a href="/a/view/188598.html" class="txt">2018哪个APP看书最全免费 看小说的APP哪个好</a> </li> <li> <span class="num">9</span> <a href="/a/view/122830.html" class="txt">交管12123取消考试操作方法</a> </li> </ul> </div> <!--热荐资讯end--> </div> </div> </div> <!-- 底部 --> <a href="http://www.veryhuo.com/youxi/" style="display: none;">游戏</a> <!--底部--> <div id="footer"> <div class="bottomText greena"> <a href="/help/guanyu.html" rel="nofollow" target="_blank">关于本站</a> | <a href="/help/mianze.html" rel="nofollow" target="_blank">版权声明</a> | <a href="/sitemap.html" target="_blank">网站地图</a> </div> <p class="tips_text" style="line-height: 24px;margin-top: 8px;"> <span style="margin-bottom: -24px;">Copyright © 2011-2019 最火软件站(www.veryhuo.com).All Rights Reserved</span> <br> <span>备案编号:<a href="https://beian.miit.gov.cn" target="_balnk" style="text-decoration:none">晋ICP备19008277号-4</a>,版权投诉请发邮件到admin#veryhuo.com(请将#换成@),我们会尽快处理</span> <br> <span>本站资源均收集整理于互联网,其著作权归原作者所有,如果有侵犯您权利的资源,请来信告知,我们将及时撤销相应资源</span> <br> <span>温馨提示:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</span> </p> <div class="wxewm"> <img src="/static/images/gzhewm.jpg" alt="最火软件站" style="width: 100px; height: 100px;"> <p>关注公众号</p> </div> </div> <!--回到顶部按钮--> <div class="backtop"><span></span></div> <script src="/static/js/jquery.js"></script> <script> var sco = ''; if (sco === 0){ $("#sco").append('<span></span><span></span><span></span><span></span><span></span>'); }else if (sco <= 20 && sco > 0){ $("#sco").append('<span class="light"></span><span></span><span></span><span></span><span></span>'); }else if (sco <= 40 && sco > 20){ $("#sco").append('<span class="light"></span><span class="light"></span><span></span><span></span><span></span>'); }else if (sco <= 60 && sco > 40){ $("#sco").append('<span class="light"></span><span class="light"></span><span class="light"></span><span></span><span></span>'); }else if (sco <= 80 && sco >= 60){ $("#sco").append('<span class="light"></span><span class="light"></span><span class="light"></span><span class="light"></span><span></span>'); }else if (sco === 100){ $("#sco").append('<span class="light"></span><span class="light"></span><span class="light"></span><span class="light"></span><span class="light"></span>'); } </script> <script src="/static/js/home/common.js"></script> <script src="/static/js/home/swiper.min.js"></script> <script src="/static/js/home/article.js"></script></body> </html>