"标题链接"是 Google 搜索及其他 Google 产品和服务（例如 Google 新闻）上链接到相应网页的搜索结果的标题。Google 会根据许多不同的信息自动确定标题链接，但您可以按照我们编写描述性
元素的指南操作，指明您的偏好。
</p>
<p>
<img src="/upload/20241124/cd793797a417af.png" title="Google 搜索的网页搜索结果中的标题链接" alt="Google 搜索的网页搜索结果中的标题链接"/>
</p>
<p style="text-align: center;">
Google 搜索的网页搜索结果中的标题链接
</p>
<p>
<em>注意：在 Google 搜索结果中的实际呈现效果可能会有不同。</em>
</p>
<h2>
关于编写描述性 <title> 元素的最佳做法
</h2>
<p>
标题链接非常重要，它可以让用户快速了解某条搜索结果的内容以及该结果与其查询相关的原因。它常常是用户在决定点击哪个结果时参考的主要信息，因此为您的网页提供高品质的标题文字非常重要。
</p>
<p>
1、确保在 <title> 元素中为您网站上的每个网页分别指定一个标题。
</p>
<p>
2、为 <title> 元素编写简练的描述性文字。避免使用不明确的描述，例如对首页使用"首页"，或对某人的个人资料使用"个人资料"。还要避免 <title> 元素中出现无谓地冗长/罗嗦的文字，因为这种文字显示在搜索结果中时可能会被截断。
</p>
<p>
3、避免关键字堆砌。在 <title> 元素中包含几个描述性词汇有时会有帮助，但请勿多次重复使用相同的字词或短语。"Foobar, foo bar, foobars, foo bars"这样的标题文字对用户并没有帮助，而且此类关键字堆砌可能会导致 Google 和用户将您的结果视为垃圾内容。
</p>
<p>
4、避免 <title> 元素中出现重复或样板化的文字。您网站上每一个网页的 <title> 元素中都应该有独特的描述性文字。例如，将商业网站每个网页的标题都写成"出售便宜商品"就会导致用户无法区分两个网页。如果 <title> 元素中的标题很长并且只有一小部分有变化（"样板"标题），那么也不合适；例如，所有网页的共用 <title> 元素中包含"乐队名称 - 查看视频、歌词、海报、专辑、评价和音乐会"这样的文字，这种标题就包含大量没有参考价值的文字。
</p>
<p>
一种解决方法是动态更新 <title> 元素，以更好地体现网页的实际内容。例如，只有在特定网页包含视频或歌词时才使用"视频"、"歌词"等词。另一种方法是仅使用乐队的实际名称作为 <title> 元素中的简要文字，同时使用元描述说明网页的内容。
</p>
<p>
5、简明扼要地在标题中宣传品牌。网站首页的 <title> 元素中可以包含一些有关网站的额外信息，例如：
</p>
<p>
<title>ExampleSocialSite, a place for people to meet and mingle
但是，如果在网站的每个网页的
元素中都显示该文字，就会在系统针对同一查询返回网站的多个网页时显得重复和罗嗦。在这种情况下，您不妨考虑仅在每个 <title> 元素的开头或末尾添加网站名称，并用连字符、冒号或竖线等分隔符将其与文字的其余部分隔开，如下所示：
</p>
<p>
<title>ExampleSocialsite: Sign up for a new account.
6、请注意关于禁止搜索引擎抓取网页的问题。在网站上使用 robots.txt 协议可以阻止 Google 抓取网页，但不一定能阻止网页被编入索引。例如，如果 Google 通过其他网站上的链接发现了您的网页，可能就会将您的网页编入索引。如果我们无法访问您网页上的内容，就会依赖页外内容生成标题链接，例如来自其他网站的定位文字。您可以使用 noindex 指令禁止 Google 将某个网址编入索引。
Google 搜索中的标题链接是如何创建的
Google 在 Google 搜索结果页上生成标题链接的过程是完全自动的，且会同时考虑网页内容及网络上对此网页的引用。标题链接的目标是为了充分展现和描述每条搜索结果。
Google 搜索会根据以下信息自动确定标题链接：
1、
元素中的内容
</p>
<p>
2、网页上显示的主要视觉标题或资讯标题
</p>
<p>
3、标题元素，例如 <h1> 元素
</p>
<p>
4、经过样式处理后变得更大更醒目的其他内容
</p>
<p>
5、网页中所含的其他文字
</p>
<p>
6、网页上的定位文字
</p>
<p>
7、指向网页的链接中的文字
</p>
<p>
请注意，Google 必须重新抓取并重新处理网页，才能发现上述信息的相关更新，此过程用时可能会从几天到几周不等。如果您做出了更改，可以请求 Google 重新抓取您的网页。
</p>
<p>
尽管我们无法手动更改各个网站的标题链接，但我们一直在努力增强它们的相关性。您可按以下最佳实践操作，帮助改善我们为您的网页显示的标题链接的质量。
</p>
<h2>
避免出现常见的 <title> 元素问题
</h2>
<p>
下面列出了网页上的 <title> 元素最常出现的问题。为避免这些问题，请遵循关于编写描述性 <title> 元素的最佳做法。
</p>
<p>
<em>为什么搜索结果中的标题链接可能与网页的 <title> 元素不同：如果我们检测到网页的 <title> 元素存在问题，我们可能会尝试根据定位文字、网页中的文字或其他信息生成经过改进的标题链接。</em>
</p>
<table width="100%" cellspacing="0" cellpadding="5" bordercolor="#EFEFEF" border="1">
<thead>
<tr class="firstRow" bgcolor="#EFEFEF">
<td style="word-break: break-all;" rowspan="1" colspan="2">常见问题</td>
</tr>
</thead>
<tbody>
<tr bgcolor="#FFF">
<td width="30%"><title> 元素不完整</td>
<td width="70%">缺少部分标题文字。例如：
<title>| 网站名称
Google 搜索会查看标头元素中的信息或网页上的其他大型醒目文字来生成标题链接：
商品名称 | 网站名称
| 元素已过时</td>
<td>如果网站年复一年地使用同一个网页呈现周期性信息，但没有更新 <title> 元素来反映最新日期，就会发生此问题。例如：
<title>2020 年录取标准 - 优秀大学
在此示例中，该网页包含一个内容为"2021 年录取标准"的大型醒目资讯标题，但 元素未更新为最新日期。Google 搜索可能会检测到这种不一致的情况，并在标题链接中使用资讯标题的正确日期：
2021 年录取标准 - 优秀大学</td>
</tr>
<tr bgcolor="#FFF">
<td><title> 元素不准确</td>
<td>当 <title> 元素无法准确反映网页内容时，就会发生此问题。例如，某个网页包含动态内容，并具有以下 <title> 元素：
<title>大型毛绒动物玩具、泰迪熊、北极熊 - 网站名称
Google 搜索会尝试确定 元素能否准确反映网页内容。如果 Google 搜索确定网页标题没有反映网页内容，可能会修改标题链接，以便为用户提供更好的帮助。例如：
毛绒动物玩具 - 网站名称</td>
</tr>
<tr bgcolor="#FFF">
<td><title> 元素中的微样板文字</td>
<td>当网站的一部分网页的 <title> 元素中有重复样板文字时，就会发生此问题。例如，某个电视网站有多个网页具有相同的 <title> 元素，该元素省略了季号，因此不清楚每个网页对应哪个剧季。这会生成重复的 <title> 元素，如下所示：
<title>我所认为的精彩电视节目
我所认为的精彩电视节目
我所认为的精彩电视节目
Google 搜索可以检测到在大型醒目资讯标题文字中使用的季号，并在标题链接中插入季号：
第 1 季 - 我所认为的精彩电视节目
第 2 季 - 我所认为的精彩电视节目
第 3 季 - 我所认为的精彩电视节目 |
提交关于标题链接的反馈
如果您看到自己的网页出现在搜索结果中但标题链接已被修改，请检查您的
元素是否存在 Google 据以调整的某种问题。如果没有问题，请考虑标题链接是否更贴近查询内容。 如果您仍然认为 <title> 元素中的原始文字更好，请在 Google 搜索中心帮助社区中告诉我们。
</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="/seozs/23116.html"
title="谷歌更新：在搜索结果中添加新标签">谷歌更新：在搜索结果中添加新标签</a><span class="date">11-26</span></li>
<li><i class="iconfont icon-dot"></i><a href="/seozs/22955.html"
title="网站在百度搜索结果中如何更好展现？需要具备哪些特质?">网站在百度搜索结果中如何更好展现？需要具备哪些特质?</a><span class="date">11-25</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22720.html"
title="SERP是什么意思？详解搜索结果页面SERP的形式、规则及用户点击分析">SERP是什么意思？详解搜索结果页面SERP的形式、规则及用户点击分析</a><span class="date">11-25</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22686.html"
title="从 Google 搜索结果中移除您网站上托管的网页">从 Google 搜索结果中移除您网站上托管的网页</a><span class="date">11-24</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22640.html"
title="详解谷歌搜索结果页面(SERP)中网站图标显示设置">详解谷歌搜索结果页面(SERP)中网站图标显示设置</a><span class="date">11-24</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22639.html"
title="详解谷歌搜索结果页面(SERP)的站点链接优化">详解谷歌搜索结果页面(SERP)的站点链接优化</a><span class="date">11-24</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22638.html"
title="详解谷歌搜索结果页面(SERP)的呈现与内容优化">详解谷歌搜索结果页面(SERP)的呈现与内容优化</a><span class="date">11-24</span></li>
<li><i class="iconfont icon-dot"></i><a href="/jz/22637.html"
title="如何控制谷歌搜索结果中的摘要">如何控制谷歌搜索结果中的摘要</a><span class="date">11-24</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="/qiye/87.html" target="_blank"><i>1</i>齐博CMS</a></li>
<li><a href="/mianfei/78.html" target="_blank"><i>2</i>迅睿CMS</a></li>
<li><a href="/mianfei/86.html" target="_blank"><i>3</i>Discuz</a></li>
<li><a href="/mianfei/77.html" target="_blank"><i>4</i>Z-Blog博客CMS</a></li>
<li><a href="/caijigj/103.html" target="_blank"><i>5</i>蓝天采集器</a></li>
<li><a href="/qiye/95.html" target="_blank"><i>6</i>米拓CMS</a></li>
<li><a href="/caijigj/99.html" target="_blank"><i>7</i>后羿采集器</a></li>
<li><a href="/caijigj/101.html" target="_blank"><i>8</i>简数采集器</a></li>
<li><a href="/caijigj/104.html" target="_blank"><i>9</i>芭奇站群软件</a></li>
<li><a href="/mianfei/93.html" target="_blank"><i>10</i>sitesCMS</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>
