一、元标签是什么意思
元标签是出现在网页HTML源代码head标签之间的一种HTML标签，与其它的HTML标签不同，元标签不会在页面的任何地方显示出来，绝大多数的访问者并不会看到它的存在，而且对网站的权威度是没有影响的，但计算机是会处理这些标签的。
二、常用的元标签
meta元标签通常用来准确描述一个网页，包括描述、关键词、页面作者、最后修改事件等其它宏信息，主要包括title标签、Keywords标签和Keywords标签，最常用的也是这三类，也称为meta标签三要素。
1、title标签
标题标签是网页独一无二的，可直观的告诉用户此网页讲述的内容性质。title标签作为元信息，可能会被用在浏览器收藏夹、微信推送卡片、微博等应用场景，这个时候往往是上下文缺失的，所以 title标签应该包含完整的网页内容。
</p>
<p>
示例：<meta name="title" content="网页的内容标题" />
</p>
<p>
<img src="https://www.youhuaxing.cnhttps://www.youhuaxing.cn/uploads/allimg/20220307/1-22030G51A5W4.png" title="元标签使用案例" alt="元标签使用案例"/>
</p>
<p style=";text-align:center;">
<em>*<meta></em><em>元标签使用案例</em>
</p>
<p>
<strong>2、description标签</strong>
</p>
<p>
description描述标签，用它来给搜索引擎指定改页面的描述内容。
</p>
<p>
示例：<meta name="description" content="网页内容描述" />
</p>
<p>
<strong>3、Keywords标签</strong>
</p>
<p>
Keywords标签指定该页面特定的定位词，用它来放置2~3个能描述该页面的关键词。
</p>
<p>
示例：<meta name="keywords" content="网页关键词" />
</p>
<p>
<strong>4、author标签</strong>
</p>
<p>
Author标签定义该网页的作者，通常用来维护原创版权。
</p>
<p>
示例：<meta name="author" content="内容作者" />
</p>
<p>
<strong>5、copyright标签</strong>
</p>
<p>
Copyright标签跟author标签类似，通常用它来实现原创的保护工作。
</p>
<p>
示例：<meta name="copyright" content="网页版权" />
</p>
<p>
<strong>6、language标签</strong>
</p>
<p>
Language标签用于定义页面所使用的语言代码。给蜘蛛指定语言编码。
</p>
<p>
示例：<meta name="language" content="网页所使用的语言" />
</p>
<p>
<strong>7、robots标签</strong>
</p>
<p>
Robots标签是给蜘蛛下达命令的工具。可以利用它来禁止一些噪音文件的抓取。如果不希望网页被搜索引擎索引，则可以使用该标签。
</p>
<p>
示例：<meta name="robots" content="搜索引擎机器人向导" />
</p>
<p>
<strong>8、Googlebot标签</strong>
</p>
<p>
Googlebot标签是 Google的网页抓取机器人，网页要收录先得让Googlebot爬取到。
</p>
<p>
示例：<meta name=" Googlebot" content=" noindex或nofollow指令" />
</p>
<p>
<strong>9、revisit-afer标签</strong>
</p>
<p>
revisit-afer标签是调节蜘蛛访问频率的。作用是告诉蜘蛛按照设定的访问频率抓取，很大程度上能降低重复网页抓取的频率。如登录页、注册页等。
</p>
<p>
示例：<meta name="revisit-after" content="重访时间" />
</p>
<p>
<strong>10、expires标签</strong>
</p>
<p>
Expires标签是指定某一段时间后不再让蜘蛛爬取。
</p>
<p>
示例：<meta name="expires" content="网页有效期" />
</p>
<p>
<strong>11、abstract标签</strong>
</p>
<p>
Abstract标签类似description元标签，可以用来描述网页。
</p>
<p>
示例：<meta name="abstract" content="网页摘要" />
</p>
<p>
<strong>12、unavailable_afer标签</strong>
</p>
<p>
unavailable_afer标签是即将新诞生的网页标签。让 Google在某一时间后不再抓取带有这种标记的网页，可减轻一个网站的服务器压力。
</p>
<p>
示例：<meta name=" unavailable_afer " content="重访时间" />
</p>
<p>
<strong>13、distribution标签</strong>
</p>
<p>
Distribution标签很少在网页中使用。如果一个页面只是用来内部发行，那么应该使用 Robots.txt文件或 robots元标签禁止被索引。
</p>
<p>
示例：<meta name="distribution" content="网站发布范围" />
</p>
<p>
<strong>14、designer标签</strong>
</p>
<p>
Designer标签跟author和copyright一样，都是用来保护原创。
</p>
<p>
示例：<meta name="designer" content="网页设计者" />
</p>
<p>
<strong>15、Content-type标签</strong>
</p>
<p>
Content-type标签指定描述页面类型的字符串，利用它可以为页面指定字符集，确保你在所有页面上指定了相同的字符集。
</p>
<p>
示例：Content-type: text/html ：charset="utf-8"
</p>
<p>
<strong>16、Cache-control标签</strong>
</p>
<p>
Cache-control标签可控制网页的缓存情况。过去用此标签来阻止用户看到网站上的过期内容。注意:如果你不想让某些内容被搜索引擎建立快照，应该使用 robots元标签达到这个目的。
</p>
<h2>
<strong>三、元标签的作用</strong>
</h2>
<p>
元标签在HTML代码中，具有描述性质，从SEO的角度，它告知搜索引擎这些标签的描述代表什么意思，它有效的辅助搜索引擎理解整个页面的核心内容。SEOer在做搜索引擎优化的时候，经常从网站的元标签开始优化，常用的元标签有title、keywords、description、alt标签、Canonical标签等，不同的<meta>元标签起着不同的作用，下面给详细介绍几个常用的元标签在SEO中的作用。
</p>
<p>
<strong>1、Title标签的作用</strong>
</p>
<p>
title标题标签对排名十分有用，对SEO排名影响很大。最合理的方式是将关键词放在标题的最前面，越往前说明越重要。但将关键词放在后边也仍是可能有排名的。相同标题中未呈现的关键词，也是能够优化出排名的。
</p>
<p>
<strong>2、Keywords标签的作用</strong>
</p>
<p>
百度搜索引擎官方已经公开表明keywords关键词标签作用为0，但从优化猩小编测试来看，该标签还是具有一定作用的，比如原来占的分值是10分，现在可能将到3分，所以不要忽视keywords标签在网站排名中的作用。
</p>
<p>
<strong>3、Description标签的作用</strong>
</p>
<p>
description描述标签，百度移动搜索建站优化白皮书中关于网站优化的内容提到"百度未承诺严格按照title和description的内容展示标题和摘要，尤其是摘要，会根据用户检索的关键词，自动匹配展示合适的摘要内容，让用户了解网页的主要内容，影响用户的行为决策。"根据百度这个解释，有人说现在搜索引擎很智能，不用太重视网站描述，这是不对的，每天海量数据，等待搜索引擎智能识别网页内容，再根据内容再生成描述，这个周期会很长，还会让搜索引擎降低网页的评分，一个好的描述会加速页面在搜索引擎的收录以及获得排名。
</p>
<p>
<strong>4、ALT标签的作用</strong>
</p>
<p>
Alt标签除了在网速太慢无法加载图片、src 属性中的链接错误造成图片丢失、用户所使用的浏览器禁用图像、用户使用的是屏幕阅读器设备起到替代作用外，还具有提高页面页面内容的可读性、有利于图片排名、增强页面主关键词相关性、提高关键词密度的作用。
</p>
<p>
详细介绍请查看：alt标签
</p>
<p>
<strong>5、Canonical标签的作用</strong>
</p>
<p>
Canonical标签，用于强调内容与URL的唯一性，它告知搜索引擎的爬虫，你应该重点计算或评估那个URL，通常我们称其为规范化标签。特别是目前，非合理性转载非常严重，大量的采集，产生大量的重复页面，为了规避负面SEO的风险，我们通常建议在页面中，合理的使用canonical这个标签。
</p>
<p>
<strong>总结</strong>
</p>
<p>
优化猩SEO：元标签的正确使用对搜索引擎优化有非常好的效果，但元标签并不是排名的全部，它们是帮助您减少重复内容并增加点击次数和流量的简单方法。 简单地说meta标签是网页的一个区域，应该与页面上的其他内容一样受到关注。
</p>
<p>
参考链接：
</p>
<p>
元标签_百度百科
</p>
<p>
https://baike.baidu.com/item/%E5%85%83%E6%A0%87%E7%AD%BE/1604561
</p>
<p>
META标签_百度百科
</p>
<p>
https://baike.baidu.com/item/META%E6%A0%87%E7%AD%BE/733434
</p>
<p>
修改于2023-05-12
</p> </div>
<div class="article-end">
<div class="tag">
<p>标签：</p> <a>标签</a>
</div>
</div>
<div class="mzsm">
<p><strong>免责声明：</strong></p>
<p>本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。侵删请致信E-mail：
123456@qq.com </p>
</div>
<div class="c-title">
同类推荐
</div>
<ul class="list_1">
<li><i class="iconfont icon-dot"></i><a href="/jz/22721.html"
title="noindex标签是什么？详解noindex标签的正确使用方法以及对SEO的影响">noindex标签是什么？详解noindex标签的正确使用方法以及对SEO的影响</a><span class="date">11-25</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22703.html"
title="Alt标签是什么意思？详解网页Alt标签的语法、应用场景及作用">Alt标签是什么意思？详解网页Alt标签的语法、应用场景及作用</a><span class="date">11-25</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22571.html"
title="标签设计是什么意思？详解标签设计的要点、方法及应用">标签设计是什么意思？详解标签设计的要点、方法及应用</a><span class="date">11-24</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/21774.html"
title="动态标签设计被投诉，为什么数据却猛涨十倍？">动态标签设计被投诉，为什么数据却猛涨十倍？</a><span class="date">11-21</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/21303.html"
title="有必要为网站写TDK优化标签吗？阐述TDK标签对关键词排名的作用">有必要为网站写TDK优化标签吗？阐述TDK标签对关键词排名的作用</a><span class="date">11-20</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/20969.html"
title="SEO标签是什么？介绍SEO优化中常用标签">SEO标签是什么？介绍SEO优化中常用标签</a><span class="date">11-19</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/20332.html"
title="标签如何设计？6方面详解标签的设计方法和规范">标签如何设计？6方面详解标签的设计方法和规范</a><span class="date">11-16</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/20114.html"
title="Tag标签有什么样的优化效果?Tag标签优化浅析">Tag标签有什么样的优化效果?Tag标签优化浅析</a><span class="date">11-16</span></li>
</ul>
</div>
<div class="right">
<div class="list-right nav">
<section class="_135editor" data-tools="135编辑器" data-id="102361">
<section style="background:#fff;margin:10px auto;">
<section style="margin:0px auto;text-align:center;">
<section style="display:inline-block;">
<section
style="display:flex;justify-content:center;align-items:flex-end;transform:rotate(0deg);">
<section style="display:flex;justify-content:center;align-items:center;">
<section style="box-sizing:border-box;width:50px;margin-right:-5px;">
<img class="assistant"
style="vertical-align:inherit;box-sizing:border-box;width:100%;display:block;"
src="/class/newapptheme/static/images/laba_zuo.gif" data-ratio="0.68" data-w="252"
data-width="100%"
_src="/class/newapptheme/static/images/laba_zuo.gif"
draggable="false">
</section>
<section class="135brush" data-brushtype="text"
style="font-size:16px;letter-spacing:1.5px;padding:7px 1em;color:#fff;background:#fc6238;">
<strong>关注我们</strong>
</section>
<section style="box-sizing:border-box;width:50px;margin-left:-5px;">
<img class="assistant"
style="vertical-align:inherit;box-sizing:border-box;width:100%;display:block;"
src="/class/newapptheme/static/images/laba_you.gif" data-ratio="0.68" data-w="252"
data-width="100%"
_src="/class/newapptheme/static/images/laba_you.gif"
draggable="false">
</section>
</section>
</section>
</section>
</section>
<section style="background:#ffefeb;padding:2em 0px 1em 0px;margin-top:-20px;">
<section style="display:flex;justify-content:space-around;align-items:center;"
hm_fix="381:483">
<section style="box-sizing:border-box;width:130px;"><img
style="vertical-align:inherit;box-sizing:border-box;width:100%;display:block;"
src="/class/newapptheme/static/images/gzh.jpg" data-ratio="1" data-width="100%"
_src="/class/newapptheme/static/images/gzh.jpg" draggable="false"
data-op="change" title="维亿CMS资源网" alt="" data-w="156"></section>
<section style="display:inline-block;">
<section
style="display:flex;justify-content:flex-start;align-items:center;">
<section>
<section class="135brush" data-brushtype="text"
style="font-size:14px;color:#fc6238;word-break:break-all;margin-top:10px;">
扫码点个关注吧~
</section>
<section class="135brush" data-brushtype="text"
style="font-size:14px;color:#fc6238;word-break:break-all;margin-top:4px;">
维亿CMS资源网 </section>
<section class="135brush" data-brushtype="text"
style="font-size:14px;color:#fc6238;word-break:break-all;margin-top:4px;">
关注获取更多精彩资讯
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</div>
<div class="list-right nav">
<div class="c-title">
栏目分类
</div>
<ul>
<ol class=""><a href="/jz" class="target">CMS建站</a></ol>
</ul>
</div>
<div class="article-right">
<div class="c-title">
热门文章
</div>
<ul class="list">
<li><a href="/seozs/13823.html" target="_blank"><i>1</i>网站URL结构错误的解决方法</a></li>
<li><a href="/jz/1.html" target="_blank"><i>2</i>网站建设需要的3个思维 ，仅少数建站人员知道</a></li>
<li><a href="/jz/18.html" target="_blank"><i>3</i>深圳网站建设哪家设计好？深圳网站建设品牌;深圳网站建设方案策划</a></li>
<li><a href="/cjjc/3.html" target="_blank"><i>4</i>老站长教你如何用cms建站</a></li>
<li><a href="/zyjc/4.html" target="_blank"><i>5</i>内容管理系统（CMS）是什么意思？ CMS的含义</a></li>
<li><a href="/jz/5.html" target="_blank"><i>6</i>天津seo怎么优化(天津seo排名优化公司)</a></li>
<li><a href="/jz/7.html" target="_blank"><i>7</i>仪表seo优化(seo高级优化方法)</a></li>
<li><a href="/jz/8.html" target="_blank"><i>8</i>小说seo关键字优化(沈阳seo关键字优化)</a></li>
<li><a href="/jz/9.html" target="_blank"><i>9</i>seo网络优化技术(SEO网络优化)</a></li>
<li><a href="/jz/10.html" target="_blank"><i>10</i>关键词seo优化哪家有(江门抖音SEo关键词优化)</a></li>
</ul>
</div>
<div class="article-right">
<div class="c-title">
随机推荐
</div>
<ul class="list">
<li><a href="/mianfei/86.html" target="_blank"><i>1</i>Discuz</a></li>
<li><a href="/caijigj/104.html" target="_blank"><i>2</i>芭奇站群软件</a></li>
<li><a href="/mianfei/90.html" target="_blank"><i>3</i>YzmCMS</a></li>
<li><a href="/qiye/87.html" target="_blank"><i>4</i>齐博CMS</a></li>
<li><a href="/caijigj/103.html" target="_blank"><i>5</i>蓝天采集器</a></li>
<li><a href="/mianfei/80.html" target="_blank"><i>6</i>帝国网站管理系统(</a></li>
<li><a href="/cmscj/107.html" target="_blank"><i>7</i>帝国cms微信扫码关注公众号自动注册登陆插件</a></li>
<li><a href="/qiye/83.html" target="_blank"><i>8</i>PbootCMS</a></li>
<li><a href="/qiye/96.html" target="_blank"><i>9</i>人人站CMS</a></li>
<li><a href="/qiye/95.html" target="_blank"><i>10</i>米拓CMS</a></li>
</ul>
</div>
</div>
</div>
</div>
<style>
footer {
display: block
}
.row9 {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
.row9:after {
content: "";
display: table;
clear: both
}
.row9 .col {
float: left;
box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px
}
.row9 .col[class*="push-"],
.row9 .col[class*="pull-"] {
position: relative
}
.row9 .col.s1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.offset-s1 {
margin-left: 8.33333%
}
.row9 .col.pull-s1 {
right: 8.33333%
}
.row9 .col.push-s1 {
left: 8.33333%
}
.row9 .col.offset-s2 {
margin-left: 16.66667%
}
.row9 .col.pull-s2 {
right: 16.66667%
}
.row9 .col.push-s2 {
left: 16.66667%
}
.row9 .col.offset-s3 {
margin-left: 25%
}
.row9 .col.pull-s3 {
right: 25%
}
.row9 .col.push-s3 {
left: 25%
}
.row9 .col.offset-s4 {
margin-left: 33.33333%
}
.row9 .col.pull-s4 {
right: 33.33333%
}
.row9 .col.push-s4 {
left: 33.33333%
}
.row9 .col.offset-s5 {
margin-left: 41.66667%
}
.row9 .col.pull-s5 {
right: 41.66667%
}
.row9 .col.push-s5 {
left: 41.66667%
}
.row9 .col.offset-s6 {
margin-left: 50%
}
.row9 .col.pull-s6 {
right: 50%
}
.row9 .col.push-s6 {
left: 50%
}
.row9 .col.offset-s7 {
margin-left: 58.33333%
}
.row9 .col.pull-s7 {
right: 58.33333%
}
.row9 .col.push-s7 {
left: 58.33333%
}
.row9 .col.offset-s8 {
margin-left: 66.66667%
}
.row9 .col.pull-s8 {
right: 66.66667%
}
.row9 .col.push-s8 {
left: 66.66667%
}
.row9 .col.offset-s9 {
margin-left: 75%
}
.row9 .col.pull-s9 {
right: 75%
}
.row9 .col.push-s9 {
left: 75%
}
.row9 .col.offset-s10 {
margin-left: 83.33333%
}
.row9 .col.pull-s10 {
right: 83.33333%
}
.row9 .col.push-s10 {
left: 83.33333%
}
.row9 .col.offset-s11 {
margin-left: 91.66667%
}
.row9 .col.pull-s11 {
right: 91.66667%
}
.row9 .col.push-s11 {
left: 91.66667%
}
.row9 .col.offset-s12 {
margin-left: 100%
}
.row9 .col.pull-s12 {
right: 100%
}
.row9 .col.push-s12 {
left: 100%
}
@media only screen and (min-width: 544px) {
.row9 .col.m1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.offset-m1 {
margin-left: 8.33333%
}
.row9 .col.pull-m1 {
right: 8.33333%
}
.row9 .col.push-m1 {
left: 8.33333%
}
.row9 .col.offset-m2 {
margin-left: 16.66667%
}
.row9 .col.pull-m2 {
right: 16.66667%
}
.row9 .col.push-m2 {
left: 16.66667%
}
.row9 .col.offset-m3 {
margin-left: 25%
}
.row9 .col.pull-m3 {
right: 25%
}
.row9 .col.push-m3 {
left: 25%
}
.row9 .col.offset-m4 {
margin-left: 33.33333%
}
.row9 .col.pull-m4 {
right: 33.33333%
}
.row9 .col.push-m4 {
left: 33.33333%
}
.row9 .col.offset-m5 {
margin-left: 41.66667%
}
.row9 .col.pull-m5 {
right: 41.66667%
}
.row9 .col.push-m5 {
left: 41.66667%
}
.row9 .col.offset-m6 {
margin-left: 50%
}
.row9 .col.pull-m6 {
right: 50%
}
.row9 .col.push-m6 {
left: 50%
}
.row9 .col.offset-m7 {
margin-left: 58.33333%
}
.row9 .col.pull-m7 {
right: 58.33333%
}
.row9 .col.push-m7 {
left: 58.33333%
}
.row9 .col.offset-m8 {
margin-left: 66.66667%
}
.row9 .col.pull-m8 {
right: 66.66667%
}
.row9 .col.push-m8 {
left: 66.66667%
}
.row9 .col.offset-m9 {
margin-left: 75%
}
.row9 .col.pull-m9 {
right: 75%
}
.row9 .col.push-m9 {
left: 75%
}
.row9 .col.offset-m10 {
margin-left: 83.33333%
}
.row9 .col.pull-m10 {
right: 83.33333%
}
.row9 .col.push-m10 {
left: 83.33333%
}
.row9 .col.offset-m11 {
margin-left: 91.66667%
}
.row9 .col.pull-m11 {
right: 91.66667%
}
.row9 .col.push-m11 {
left: 91.66667%
}
.row9 .col.offset-m12 {
margin-left: 100%
}
.row9 .col.pull-m12 {
right: 100%
}
.row9 .col.push-m12 {
left: 100%
}
}
@media only screen and (min-width: 1024px) {
.row9 .col.l1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto
}
.row9 .col.offset-l1 {
margin-left: 8.33333%
}
.row9 .col.pull-l1 {
right: 8.33333%
}
.row9 .col.push-l1 {
left: 8.33333%
}
.row9 .col.offset-l2 {
margin-left: 16.66667%
}
.row9 .col.pull-l2 {
right: 16.66667%
}
.row9 .col.push-l2 {
left: 16.66667%
}
.row9 .col.offset-l3 {
margin-left: 25%
}
.row9 .col.pull-l3 {
right: 25%
}
.row9 .col.push-l3 {
left: 25%
}
.row9 .col.offset-l4 {
margin-left: 33.33333%
}
.row9 .col.pull-l4 {
right: 33.33333%
}
.row9 .col.push-l4 {
left: 33.33333%
}
.row9 .col.offset-l5 {
margin-left: 41.66667%
}
.row9 .col.pull-l5 {
right: 41.66667%
}
.row9 .col.push-l5 {
left: 41.66667%
}
.row9 .col.offset-l6 {
margin-left: 50%
}
.row9 .col.pull-l6 {
right: 50%
}
.row9 .col.push-l6 {
left: 50%
}
.row9 .col.offset-l7 {
margin-left: 58.33333%
}
.row9 .col.pull-l7 {
right: 58.33333%
}
.row9 .col.push-l7 {
left: 58.33333%
}
.row9 .col.offset-l8 {
margin-left: 66.66667%
}
.row9 .col.pull-l8 {
right: 66.66667%
}
.row9 .col.push-l8 {
left: 66.66667%
}
.row9 .col.offset-l9 {
margin-left: 75%
}
.row9 .col.pull-l9 {
right: 75%
}
.row9 .col.push-l9 {
left: 75%
}
.row9 .col.offset-l10 {
margin-left: 83.33333%
}
.row9 .col.pull-l10 {
right: 83.33333%
}
.row9 .col.push-l10 {
left: 83.33333%
}
.row9 .col.offset-l11 {
margin-left: 91.66667%
}
.row9 .col.pull-l11 {
right: 91.66667%
}
.row9 .col.push-l11 {
left: 91.66667%
}
.row9 .col.offset-l12 {
margin-left: 100%
}
.row9 .col.pull-l12 {
right: 100%
}
.row9 .col.push-l12 {
left: 100%
}
}
.container9 {
position: relative;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
max-width: 1280px
}
.row9 {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
zoom: 1
}
.row9:after,
.row9:before {
display: table;
content: ''
}
.row10 ul li {
float: left;
font-size: 14px;
margin: 0 10px;
overflow: hidden;
}
.footer {
clear: both;
height: 100%;
margin-top: 10px;
padding-bottom: 0px;
/*border-top: 1px solid #eee;*/
}
.footer a {
color: #bbb
}
.footer a:hover {
color: #166df1;
transition: .3s all;
}
.footer h2.logos {
margin: 1rem auto;
max-width: 160px;
color: #ccc;
text-align: center
}
.footer-head {
color: #aaaaaa;
font-size: 14px;
font-weight: 700;
margin-top: 0;
margin-bottom: 10px
}
.cs-footer-links {
margin: 10px 0
}
.cs-footer-links li {
display: block;
padding-bottom: 10px;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease
}
.cs-footer-logo img {
max-width: 180px
}
.footer .footer-qrimg {
width: 80px;
height: 80px;
padding: 0;
border: #f5f6f8 3px solid
}
.cs-footer-text {
max-width: 523px;
margin: 20px auto
}
.cs-moble-true,
.cs-moble-false {
padding-top: 30px;
display: block
}
.footer-copyright {
padding-top: 20px;
/*
border-top: 1px solid rgba(172, 172, 172, 0.1);
*/
font-size: 13px;
text-align: center;
color: #acacac
}
@media (min-width: 544px) {
.copyright-links {
text-align: right
}
.copy-text {
text-align: center
}
}
.copyright-links>li {
display: inline-block
}
.copyright-links>li+li {
margin-left: 12px
}
.copyright-links>li>a {
color: #acacac;
letter-spacing: 0.14px
}
@keyframes move {
0% {
transform: translate(-175px, 0px) scale(1, 1)
}
50% {
transform: translate(-87px, 0px) scale(1, 0.5)
}
100% {
transform: translate(0px, 0px) scale(1, 1)
}
}
</style>
<style>
.footer-cus {
padding: 15px 20px;
background: #fff;
overflow: hidden;
margin-bottom: 15px;
}
{
.dingbulan {
display: none;
}
}
.dingbulan {
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 400;
color: #bbb6b6;
line-height: 80px;
letter-spacing: 0.8px;
}
.dingbulan h1 {
font-size: 14px !important;
display: inline;
color: #bbb6b6;
}
.dingbulan span {
padding: 5px 10px;
background: #4387fd;
border-radius: 5px;
color: #ffffff;
margin: 0 5px;
}
</style>
<footer class="footer footer-cus" id="footer">
<div class="footer-copyright">
<div class="container9">
<div class="row9">
<div class="copy-text" style="text-align: center">
<a rel="nofollow" href="/dq" target="_blank">
<font style="color: #A9A9A9;">CMS大全</font>
</a><i>|</i>
<a href="/wz">CMS文章</a><i>|</i>
<a href="/seozs">SEO知识</a><i>|</i>
<a href="#">关于本站</a>
</div>
<div class="copy-text" style="text-align: center">
<p class="tex_cent">CopyRight©2024-2025 <a href="/" target="_blank">维亿CMS资源网</a> All Right Reserved
<img src="/class/newapptheme/static/images/beian.png" style="height:20px;vertical-align:middle;" />
<a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">互联网ICP备案信息:渝ICP备2022000613号</a>
</p>
</div>
<div class="copy-text" style="text-align: center">
本站收集的信息若侵害到您的利益，请联系我们删除处理,侵权处理邮箱 123456@qq.com
</div>
</div>
</div>
</div>
<div id="toolbar" class="toolbar ">
<div id="totop" class="btn hidden br transition"><i class="iconfont icon-totop"></i></div>
<div class="seting btn active transition">
<i class="layui-icon layui-icon-set-fill" id="openStylePick"></i>
<div class="set-style" id="set-style">
<div class="plant">
<div class="layui-card">
<div class="layui-card-header">风格切换</div>
<div class="layui-card-body">
<div class="layui-form">
<div class="layui-form-item"><label class="layui-form-label">暗夜模式</label><input
type="checkbox" lay-filter="setstyle" name="style" lay-skin="switch"
lay-text="关闭|开启"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="/class/newapptheme/static/js/layui.all.js"></script>
<script src="/class/newapptheme/static/js/common.js"></script>
<script src="/class/newapptheme/static/js/index.js"></script>
<script>
if (getCookie('setnight') == '') {
layer.msg('夜深了，您可以打开护眼模式~');
setCookie("setnight", "1", "h12");
}
</script>
<script>
// 添加水印方法
function TpWatermark(CON,H,W,R,C,S,O) {
// 判断水印是否存在，如果存在，那么不执行
if (document.getElementById('tp-watermark') != null) {
return
}
var TpLine = parseInt(document.body.clientWidth/W) * 2; // 一行显示几列
var StrLine = '';
for(var i = 0; i < TpLine; i++){
StrLine += '<span style="display: inline-block; line-height:' + H + 'px; width:' + W + 'px; text-align: center; transform:rotate(' + R + 'deg); color:' + C + '; font-size:'+ S + 'px; opacity:' + O + ';">'+ CON +'</span>'
}
var DivLine = document.createElement("div");
DivLine.innerHTML = StrLine;
var TpColumn = parseInt(document.body.clientHeight/H) * 2; // 一列显示几行
var StrColumn = '';
for(var i = 0; i < TpColumn; i++){
StrColumn += '<div style="white-space: nowrap;">' + DivLine.innerHTML + '</div>';
}
var DivLayer = document.createElement("div");
DivLayer.innerHTML = StrColumn;
DivLayer.id = "tp-watermark"; // 给水印盒子添加类名
DivLayer.style.position = "fixed";
DivLayer.style.top = "10px"; // 整体水印距离顶部距离
DivLayer.style.left = "-100px"; // 改变整体水印的left值
DivLayer.style.zIndex = "99999"; // 水印页面层级
DivLayer.style.pointerEvents = "none";
document.body.appendChild(DivLayer); // 到页面中
}
// 移除水印方法
function RemoveTpWatermark(){
// 判断水印是否存在，如果存在，那么执行
if (document.getElementById('tp-watermark') == null) {
return
}
document.body.removeChild(document.getElementById('tp-watermark'));
}
// 执行添加
TpWatermark('维亿CMS资源网','200','400','-20','red','30','.15');
// TpWatermark(CON,H,W,R,C,S,O); // 值一一对应
// 执行移除
// RemoveTpWatermark();
// 参考文档
// http://sharedblog.cn/post/200.html
</script>
<script>
if (document.getElementsByClassName("article-content").length > 0) {
var newContent = document.getElementsByClassName("article-content")[0].innerHTML.replace(
/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,
function(match, capture) {
//capture,返回每个匹配的字符串
var newStr = '<a class="kuake" href="' + capture +
'" target="_blank" data-fancybox="gallery"> <img src="' + capture + '" alt="" /></a>';
return newStr;
});
document.getElementsByClassName("article-content")[0].innerHTML = newContent;
}
</script>
</body>
</html>
