登录
当前位置：美工之家 > 技术分享 > HTML 标签 </div>
<div class="row">
<div class="content-column col-lg-9">
<div class="content-area">
<main class="site-main">
<article id="post-297" class="article-content">
<div class="container">
<div class="cao_entry_header">
<header class="entry-header"> <div class="entry-meta">
<span class="meta-author">
<a>
runsly </a>
</span>
<span class="meta-category">
<a href="https://www.9502669.com/fenxiang" rel="category">
<i class="dot"></i>技术分享 </a>
</span>
<span class="meta-date">
<a href="https://www.9502669.com/297.html">
<time datetime="2020-05-11T22:57:30+08:00">
2020-05-11 </time>
</a>
</span>
</div>
<h1 class="entry-title">HTML <title> 标签</h1> </header></div></div> <div class="container">
<div class="entry-wrapper">
<div class="ripro_gg_wrap pc"></div> <div class="entry-content u-text-format u-clearfix">
<h2>实例</h2>
<p>一个简单的 HTML 文档，带有尽可能少的必需的标签：</p>
<pre><html>
<head>
<code><title>XHTML Tag Reference</title></code> </head> <body> The content of the document...... </body> </html></pre>
<p class="tiy">亲自试一试</p>
<div>
<h2>浏览器支持</h2>
<table class="dataintable browsersupport">
<tbody>
<tr>
<th>IE</th>
<th>Firefox</th>
<th>Chrome</th>
<th>Safari</th>
<th>Opera</th>
</tr>
<tr>
<td class="bsIE"></td>
<td class="bsFirefox"></td>
<td class="bsChrome"></td>
<td class="bsSafari"></td>
<td class="bsOpera"></td>
</tr>
</tbody>
</table>
<p>所有浏览器都支持 <title> 标签。</p>
</div>
<div>
<h2>定义和用法</h2>
<p><title> 元素可定义文档的标题。</p>
<p>浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。</p>
</div>
<div>
<h2>HTML 与 XHTML 之前的差异</h2>
<p>NONE</p>
</div>
<div>
<h2>提示和注释</h2>
<p class="tip">提示：<title> 标签是 <head> 标签中唯一要求包含的东西。</p>
</div>
<div>
<h2>标准属性</h2>
<p><title> 标签支持以下标准属性：</p>
<table class="dataintable">
<tbody>
<tr>
<th>属性</th>
<th>值</th>
<th>描述</th>
</tr>
<tr>
<td>dir</td>
<td>
<ul>
<li>rtl</li>
<li>ltr</li>
</ul>
</td>
<td>规定元素中内容的文本方向。</td>
</tr>
<tr>
<td>lang</td>
<td><em>language_code</em></td>
<td>规定元素中内容的语言代码。</td>
</tr>
<tr>
<td>xml:lang</td>
<td><em>language_code</em></td>
<td>规定 XHTML 文档中元素内容的语言代码。</td>
</tr>
</tbody>
</table>
<p class="note">DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.</p>
<p>如需更多有关 HTML 标准属性的信息，请访问标准属性。</p>
</div>
<div>
<h2>全局属性</h2>
<p><title> 标签支持 HTML 中的全局属性。</p>
</div>
<div>
<h2>延伸阅读：标题里是什么？</h2>
<p>一定要选择一个正确的标题，这对于定义文档并确保它能够在 Web 上有效利用来说是十分重要的。</p>
<p>请记住，用户可以用任何顺序、独立地访问文档集中的每一个文档。所以，文档的标题不仅应当根据其他文档的上下文定义，而且还要显示其自身的特点。</p>
<p>含有文档引用排序的标题通常不是什么好标题。举个例子，像“第十六章”或“第五部分”这样的标题，对读者理解其内容方面毫无用处。描述性更强的标题，像“第十六章：HTML 标题”，或者“第五部分：如何使用标题”，这样的标题不仅表达了它在一个大型文档集中的位置，还说明了文档的具体内容，吸引读者更有兴趣读下去。</p>
<p>自我引用的标题也没有什么用处。像“主页”这样的标题和内容毫无关系，类似的还有“反馈页”或“常用链接”等。你应该设计一个能够传达一定内容和目的的标题，令读者凭这个标题就可以判断是否由必要访问这个页面。“HTML <title> 标签的详细信息”，这就是一个描述性的标题，类似的还有“HTML <title> 标签的反馈页”等等。</p>
<p>人们常常会花费大量时间去创建 Web 文档，但却经常只是因为一个不吸引人或无意义的标题，而把这些努力全都浪费掉了。当自动为用户搜集链接的特殊软件在 Web 上越来越流行时，只有网页的标题才会作为与页面相关的描述性词语，被插入到庞大的链接数据库中。因此，我们怎么强调这一点都不过分：请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。</p>
</div>
<div>
<h2>相关页面</h2>
<p>HTML DOM 参考手册：Title 对象</p>
</div>
</div>
<div id="pay-single-box"></div>
<div class="entry-tags">
<a href="https://www.9502669.com/tag/html-%e6%a0%87%e7%ad%be" rel="tag">
HTML 标签 </a>
<a href="https://www.9502669.com/tag/title-%e5%af%b9%e8%b1%a1" rel="tag">
Title 对象 </a>
<a href="https://www.9502669.com/tag/web%e5%bc%80%e5%8f%91" rel="tag">
Web开发 </a>
</div>
<div class="article-footer">
<div class="author-box">
<div class="author-image">
</div>
<div class="author-info">
<h4 class="author-name">
<a href="javascript:;">runsly</a>
<span class="label label-default"><i class="fa fa-diamond"></i> 普通</span> </h4>
</div>
</div>
<div class="xshare">
<span class="xshare-title">分享到：</span>
<a href="javascript:;" title="收藏文章" etap="star" data-postid="297" class="ripro-star"><i class="fa fa-star-o"></i></a>
<a href="" etap="share" data-share="qq" class="share-qq"><i class="fa fa-qq"></i></a>
<a href="" etap="share" data-share="weibo" class="share-weibo"><i class="fa fa-weibo"></i></a>
</div>
</div> </div>
</div>
</article>
<div class="entry-navigation">
<nav class="article-nav">
<span class="article-nav-prev">上一篇<br><a href="https://www.9502669.com/295.html" rel="prev">【PHP】简易系统环境控制</a></span>
<span class="article-nav-next">下一篇<br><a href="https://www.9502669.com/298.html" rel="next">攻防世界-web(进阶)-Training-WWW-Robots</a></span>
</nav>
</div>
<!-- # 标准网格模式... -->
<div class="related-posts-grid">
<h4 class="u-border-title">相关推荐</h4>
<div class="row">
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/1235.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Js中的new原理及其实现">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="1235" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/1235.html" title="Js中的new原理及其实现" rel="bookmark">Js中的new原理及其实现</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/337.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="centos7 平台搭建网页版源码阅读器">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="337" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/337.html" title="centos7 平台搭建网页版源码阅读器" rel="bookmark">centos7 平台搭建网页版源码阅读器</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/301.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="【译】Using .NET for Apache Spark to Analyze Log Data">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="301" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/301.html" title="【译】Using .NET for Apache Spark to Analyze Log Data" rel="bookmark">【译】Using .NET for Apache Spark to Analyze Log Data</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/1228.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/07/8689d4bb7ff6d9afc6ec1677a3559cad.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="网站SSL证书部署失败 原因是RSA和ECC加密类型">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="1228" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/1228.html" title="网站SSL证书部署失败 原因是RSA和ECC加密类型" rel="bookmark">网站SSL证书部署失败 原因是RSA和ECC加密类型</a></h4> </header> </div>
</article>
</div>
</div>
</div>
</main>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside class="widget-area">
<div id="search-2" class="widget widget_search"><form method="get" class="search-form inline" action="https://www.9502669.com/">
<input type="search" class="search-field inline-field" placeholder="输入关键词，回车..." autocomplete="off" value="" name="s" required="required">
<button type="submit" class="search-submit"><i class="mdi mdi-magnify"></i></button>
</form></div><div id="cao_widget_post-2" class="widget cao-widget-posts"><h5 class="widget-title">最新动态</h5><div class="posts"><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9397.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/1624178709-6fc92c34712b79d.png&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="响应式个人简历html5自适应全页面模板">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9397" class="ripro-star"><i class="fa fa-star-o"></i></a></div><div class="entry-format"><i class="fa fa-lock"></i></div> </div>
<a href="https://www.9502669.com/9397.html" rel="bookmark" title="响应式个人简历html5自适应全页面模板">响应式个人简历html5自适应全页面模板</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9390.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/1624161194-29172a46ce05d6b.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="响应式织梦绘画类多城市分站模板自适应高大上">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9390" class="ripro-star"><i class="fa fa-star-o"></i></a></div><div class="entry-format"><i class="fa fa-lock"></i></div> </div>
<a href="https://www.9502669.com/9390.html" rel="bookmark" title="响应式织梦绘画类多城市分站模板自适应高大上">响应式织梦绘画类多城市分站模板自适应高大上</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9382.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/1624158198-36c7cfb81a8d899.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="织梦全国多城市分站地区插件，很牛逼">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9382" class="ripro-star"><i class="fa fa-star-o"></i></a></div><div class="entry-format"><i class="fa fa-lock"></i></div> </div>
<a href="https://www.9502669.com/9382.html" rel="bookmark" title="织梦全国多城市分站地区插件，很牛逼">织梦全国多城市分站地区插件，很牛逼</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9378.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/04f58cec32c4b3d88a5294f7500fd691.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="创意的挂历/日历表ui布局">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9378" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/9378.html" rel="bookmark" title="创意的挂历/日历表ui布局">创意的挂历/日历表ui布局</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9376.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/447018e5219b44b97338ae16933fea7d.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="div css会员问题介绍页面布局">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9376" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/9376.html" rel="bookmark" title="div css会员问题介绍页面布局">div css会员问题介绍页面布局</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="https://www.9502669.com/9374.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2021/06/1e3a9f694c73d98d435caee0df3bd71a.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="简洁的图标文字列表ui布局">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="9374" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/9374.html" rel="bookmark" title="简洁的图标文字列表ui布局">简洁的图标文字列表ui布局</a></div></div></div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h5 class="widget-title">标签</h5><div class="tagcloud"><a href="https://www.9502669.com/tag/9%e6%ac%be%e9%a4%90%e9%a5%ae%e6%a0%87%e7%ad%be" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 9.575pt;" aria-label="9款餐饮标签 (5个项目)">9款餐饮标签</a>
<a href="https://www.9502669.com/tag/404%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-851 tag-link-position-2" style="font-size: 10.1875pt;" aria-label="404模板 (6个项目)">404模板</a>
<a href="https://www.9502669.com/tag/404%e9%a1%b5%e9%9d%a2" class="tag-cloud-link tag-link-852 tag-link-position-3" style="font-size: 10.1875pt;" aria-label="404页面 (6个项目)">404页面</a>
<a href="https://www.9502669.com/tag/ai%e6%a0%bc%e5%bc%8f" class="tag-cloud-link tag-link-38 tag-link-position-4" style="font-size: 13.95pt;" aria-label="AI格式 (18个项目)">AI格式</a>
<a href="https://www.9502669.com/tag/app%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-88 tag-link-position-5" style="font-size: 9.575pt;" aria-label="APP模板 (5个项目)">APP模板</a>
<a href="https://www.9502669.com/tag/css%e7%9f%a5%e8%af%86" class="tag-cloud-link tag-link-955 tag-link-position-6" style="font-size: 13.25pt;" aria-label="css知识 (15个项目)">css知识</a>
<a href="https://www.9502669.com/tag/dedecms" class="tag-cloud-link tag-link-596 tag-link-position-7" style="font-size: 9.575pt;" aria-label="dedecms (5个项目)">dedecms</a>
<a href="https://www.9502669.com/tag/dedecms%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-594 tag-link-position-8" style="font-size: 10.625pt;" aria-label="dedecms模板 (7个项目)">dedecms模板</a>
<a href="https://www.9502669.com/tag/eps" class="tag-cloud-link tag-link-293 tag-link-position-9" style="font-size: 9.575pt;" aria-label="EPS (5个项目)">EPS</a>
<a href="https://www.9502669.com/tag/eps%e6%a0%bc%e5%bc%8f" class="tag-cloud-link tag-link-217 tag-link-position-10" style="font-size: 10.625pt;" aria-label="EPS格式 (7个项目)">EPS格式</a>
<a href="https://www.9502669.com/tag/jquery" class="tag-cloud-link tag-link-689 tag-link-position-11" style="font-size: 11.0625pt;" aria-label="jQuery (8个项目)">jQuery</a>
<a href="https://www.9502669.com/tag/psd" class="tag-cloud-link tag-link-178 tag-link-position-12" style="font-size: 9.575pt;" aria-label="PSD (5个项目)">PSD</a>
<a href="https://www.9502669.com/tag/psd%e5%88%86%e5%b1%82%e7%b4%a0%e6%9d%90" class="tag-cloud-link tag-link-174 tag-link-position-13" style="font-size: 8.875pt;" aria-label="PSD分层素材 (4个项目)">PSD分层素材</a>
<a href="https://www.9502669.com/tag/sketch" class="tag-cloud-link tag-link-112 tag-link-position-14" style="font-size: 8.875pt;" aria-label="sketch (4个项目)">sketch</a>
<a href="https://www.9502669.com/tag/web%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-89 tag-link-position-15" style="font-size: 19.725pt;" aria-label="Web开发 (87个项目)">Web开发</a>
<a href="https://www.9502669.com/tag/wordpress" class="tag-cloud-link tag-link-801 tag-link-position-16" style="font-size: 8pt;" aria-label="wordpress (3个项目)">wordpress</a>
<a href="https://www.9502669.com/tag/wordpress%e4%b8%bb%e9%a2%98" class="tag-cloud-link tag-link-716 tag-link-position-17" style="font-size: 10.1875pt;" aria-label="wordPress主题 (6个项目)">wordPress主题</a>
<a href="https://www.9502669.com/tag/%e4%ba%ba%e7%89%a9" class="tag-cloud-link tag-link-25 tag-link-position-18" style="font-size: 8.875pt;" aria-label="人物 (4个项目)">人物</a>
<a href="https://www.9502669.com/tag/%e5%88%9d%e4%b8%ad%e6%95%99%e5%b8%88%e8%ae%ba%e6%96%87" class="tag-cloud-link tag-link-935 tag-link-position-19" style="font-size: 8.875pt;" aria-label="初中教师论文 (4个项目)">初中教师论文</a>
<a href="https://www.9502669.com/tag/%e5%9b%be%e6%a0%87" class="tag-cloud-link tag-link-309 tag-link-position-20" style="font-size: 12.8125pt;" aria-label="图标 (13个项目)">图标</a>
<a href="https://www.9502669.com/tag/%e5%a4%8f%e5%ad%a3" class="tag-cloud-link tag-link-276 tag-link-position-21" style="font-size: 8pt;" aria-label="夏季 (3个项目)">夏季</a>
<a href="https://www.9502669.com/tag/%e5%ae%9e%e4%b9%a0%e6%8a%a5%e5%91%8a" class="tag-cloud-link tag-link-820 tag-link-position-22" style="font-size: 11.85pt;" aria-label="实习报告 (10个项目)">实习报告</a>
<a href="https://www.9502669.com/tag/%e5%b8%9d%e5%9b%bdcms%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-662 tag-link-position-23" style="font-size: 21.5625pt;" aria-label="帝国cms教程 (140个项目)">帝国cms教程</a>
<a href="https://www.9502669.com/tag/%e5%b8%9d%e5%9b%bdcms%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-729 tag-link-position-24" style="font-size: 8.875pt;" aria-label="帝国cms模板 (4个项目)">帝国cms模板</a>
<a href="https://www.9502669.com/tag/%e6%8a%ab%e8%90%a8" class="tag-cloud-link tag-link-211 tag-link-position-25" style="font-size: 8.875pt;" aria-label="披萨 (4个项目)">披萨</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e5%bf%97" class="tag-cloud-link tag-link-215 tag-link-position-26" style="font-size: 8.875pt;" aria-label="标志 (4个项目)">标志</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e7%ad%be" class="tag-cloud-link tag-link-154 tag-link-position-27" style="font-size: 11.5pt;" aria-label="标签 (9个项目)">标签</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e7%ad%be%e6%8e%a8%e8%8d%90-%e6%9b%b4%e5%a4%9a" class="tag-cloud-link tag-link-789 tag-link-position-28" style="font-size: 14.3pt;" aria-label="标签推荐 >> 更多 (20个项目)">标签推荐 >> 更多</a>
<a href="https://www.9502669.com/tag/%e6%a0%91%e6%9c%a8" class="tag-cloud-link tag-link-150 tag-link-position-29" style="font-size: 8.875pt;" aria-label="树木 (4个项目)">树木</a>
<a href="https://www.9502669.com/tag/%e7%85%a7%e7%9b%b8%e6%9c%ba" class="tag-cloud-link tag-link-140 tag-link-position-30" style="font-size: 10.1875pt;" aria-label="照相机 (6个项目)">照相机</a>
<a href="https://www.9502669.com/tag/%e7%88%b1%e5%bf%83" class="tag-cloud-link tag-link-286 tag-link-position-31" style="font-size: 8pt;" aria-label="爱心 (3个项目)">爱心</a>
<a href="https://www.9502669.com/tag/%e7%9b%b4%e6%92%adapp%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-46 tag-link-position-32" style="font-size: 9.575pt;" aria-label="直播APP模板 (5个项目)">直播APP模板</a>
<a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e5%9b%be" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 15.9625pt;" aria-label="矢量图 (31个项目)">矢量图</a>
<a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e5%9b%be%e4%b8%8b%e8%bd%bd" class="tag-cloud-link tag-link-188 tag-link-position-34" style="font-size: 11.5pt;" aria-label="矢量图下载 (9个项目)">矢量图下载</a>
<a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e7%b4%a0%e6%9d%90" class="tag-cloud-link tag-link-28 tag-link-position-35" style="font-size: 13.25pt;" aria-label="矢量素材 (15个项目)">矢量素材</a>
<a href="https://www.9502669.com/tag/%e7%ae%80%e5%8e%86%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-739 tag-link-position-36" style="font-size: 12.2pt;" aria-label="简历模板 (11个项目)">简历模板</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e5%ad%a6%e9%99%a2" class="tag-cloud-link tag-link-719 tag-link-position-37" style="font-size: 13.775pt;" aria-label="织梦学院 (17个项目)">织梦学院</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-560 tag-link-position-38" style="font-size: 22pt;" aria-label="织梦教程 (157个项目)">织梦教程</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-835 tag-link-position-39" style="font-size: 12.2pt;" aria-label="织梦模板 (11个项目)">织梦模板</a>
<a href="https://www.9502669.com/tag/%e8%8b%b9%e6%9e%9c" class="tag-cloud-link tag-link-221 tag-link-position-40" style="font-size: 8.875pt;" aria-label="苹果 (4个项目)">苹果</a>
<a href="https://www.9502669.com/tag/%e8%ae%be%e8%ae%a1%e7%b4%a0%e6%9d%90" class="tag-cloud-link tag-link-411 tag-link-position-41" style="font-size: 8.875pt;" aria-label="设计素材 (4个项目)">设计素材</a>
<a href="https://www.9502669.com/tag/%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8" class="tag-cloud-link tag-link-252 tag-link-position-42" style="font-size: 10.1875pt;" aria-label="返回顶部 (6个项目)">返回顶部</a>
<a href="https://www.9502669.com/tag/%e9%a2%86%e6%9d%a1" class="tag-cloud-link tag-link-810 tag-link-position-43" style="font-size: 14.3pt;" aria-label="领条 (20个项目)">领条</a>
<a href="https://www.9502669.com/tag/%e9%a3%9e%e6%9c%ba" class="tag-cloud-link tag-link-183 tag-link-position-44" style="font-size: 9.575pt;" aria-label="飞机 (5个项目)">飞机</a>
<a href="https://www.9502669.com/tag/%e9%a6%99%e6%a7%9f%e9%85%92" class="tag-cloud-link tag-link-338 tag-link-position-45" style="font-size: 8.875pt;" aria-label="香槟酒 (4个项目)">香槟酒</a></div>
</div><div id="categories-2" class="widget widget_categories"><h5 class="widget-title">分类</h5>
<ul>
<li class="cat-item cat-item-14"><a href="https://www.9502669.com/zuopin" title="网友精品作品展示交流区">作品</a> (13)
</li>
<li class="cat-item cat-item-806"><a href="https://www.9502669.com/fanwen" title="实用范文分享">实用文</a> (73)
<ul class='children'>
<li class="cat-item cat-item-809"><a href="https://www.9502669.com/fanwen/shixi" title="实习报告相关范文大全">实习</a> (33)
</li>
<li class="cat-item cat-item-807"><a href="https://www.9502669.com/fanwen/shouju" title="收据模板大全">收据</a> (20)
</li>
<li class="cat-item cat-item-808"><a href="https://www.9502669.com/fanwen/lingtiao" title="领条模板大全">领条</a> (20)
</li>
</ul>
</li>
<li class="cat-item cat-item-2"><a href="https://www.9502669.com/fenxiang" title="建站经验分享、网页、编程技术交流分享">技术分享</a> (631)
</li>
<li class="cat-item cat-item-767"><a href="https://www.9502669.com/jiaocheng" title="各种教程知识大全">教程</a> (101)
<ul class='children'>
<li class="cat-item cat-item-768"><a href="https://www.9502669.com/jiaocheng/3d" title="3D教程大全">3D</a> (5)
</li>
<li class="cat-item cat-item-954"><a href="https://www.9502669.com/jiaocheng/css" title="css相关知识经验总结">css知识</a> (15)
</li>
<li class="cat-item cat-item-952"><a href="https://www.9502669.com/jiaocheng/taobao" title="淘宝美工相关知识汇总">淘宝美工</a> (42)
</li>
<li class="cat-item cat-item-953"><a href="https://www.9502669.com/jiaocheng/dianshang">电商知识</a> (39)
</li>
</ul>
</li>
<li class="cat-item cat-item-776"><a href="https://www.9502669.com/mb" title="各大cms主题模板">模板</a> (39)
<ul class='children'>
<li class="cat-item cat-item-850"><a href="https://www.9502669.com/mb/404" title="404页面大全">404页面模板</a> (7)
</li>
<li class="cat-item cat-item-777"><a href="https://www.9502669.com/mb/wordpress" title="WordPress主题 大全">WordPress主题</a> (11)
</li>
<li class="cat-item cat-item-778"><a href="https://www.9502669.com/mb/ecms" title="帝国cms模板大全">帝国cms模板</a> (2)
</li>
<li class="cat-item cat-item-779"><a href="https://www.9502669.com/mb/dedecms" title="织梦模板大全">织梦模板</a> (19)
</li>
</ul>
</li>
<li class="cat-item cat-item-736"><a href="https://www.9502669.com/jianli" title="简历">简历</a> (19)
<ul class='children'>
<li class="cat-item cat-item-738"><a href="https://www.9502669.com/jianli/dyjl">单页简历</a> (19)
</li>
</ul>
</li>
<li class="cat-item cat-item-1"><a href="https://www.9502669.com/jingpin" title="精品资源，独家整理，dedecms、帝国cms、destoon、phpcms等cms模板让你的工作事半功倍">精品资源</a> (38)
</li>
<li class="cat-item cat-item-13"><a href="https://www.9502669.com/sucai" title="精品素材不断更新中……">素材</a> (147)
<ul class='children'>
<li class="cat-item cat-item-961"><a href="https://www.9502669.com/sucai/cssdiv" title="CSS+DIV精品实例">CSS+DIV</a> (12)
</li>
<li class="cat-item cat-item-672"><a href="https://www.9502669.com/sucai/jscode" title="js在线客服代码大全">JS代码</a> (19)
</li>
<li class="cat-item cat-item-746"><a href="https://www.9502669.com/sucai/psd" title="PSD模板">PSD素材</a> (2)
</li>
<li class="cat-item cat-item-49"><a href="https://www.9502669.com/sucai/tubiao" title="美工之家图标集">图标</a> (26)
</li>
<li class="cat-item cat-item-50"><a href="https://www.9502669.com/sucai/sjmb" title="美工之家设计模板集">设计模板</a> (15)
</li>
</ul>
</li>
<li class="cat-item cat-item-889"><a href="https://www.9502669.com/lunwen" title="免费论文分享学习">论文</a> (140)
<ul class='children'>
<li class="cat-item cat-item-891"><a href="https://www.9502669.com/lunwen/jxlw" title="教学论文免费分享">教学论文</a> (20)
</li>
<li class="cat-item cat-item-890"><a href="https://www.9502669.com/lunwen/bylw" title="免费毕业论文分享">毕业论文</a> (119)
</li>
</ul>
</li>
</ul>
</div>
<div id="recent-posts-2" class="widget widget_recent_entries">
<h5 class="widget-title">近期文章</h5>
<ul>
<li>
<a href="https://www.9502669.com/9397.html">响应式个人简历html5自适应全页面模板</a>
</li>
<li>
<a href="https://www.9502669.com/9390.html">响应式织梦绘画类多城市分站模板自适应高大上</a>
</li>
<li>
<a href="https://www.9502669.com/9382.html">织梦全国多城市分站地区插件，很牛逼</a>
</li>
<li>
<a href="https://www.9502669.com/9378.html">创意的挂历/日历表ui布局</a>
</li>
<li>
<a href="https://www.9502669.com/9376.html">div css会员问题介绍页面布局</a>
</li>
<li>
<a href="https://www.9502669.com/9374.html">简洁的图标文字列表ui布局</a>
</li>
</ul>
</div></aside> </div>
</div>
</div>
</div><!-- end sitecoent -->
<footer class="site-footer">
<div class="container">
<div class="footer-widget">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 widget--about">
<div class="widget--content">
<div class="footer--logo mb-20">
<img class="tap-logo" src="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" data-dark="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" alt="美工之家">
</div>
<p class="mb-10">美工之家会员发布作品/付费下载/查看/余额管理/自定义积分，集成支付，卡密，推广奖励等。</p>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-3 col-md-2 col-md-offset-1 widget--links">
<div class="widget--title">
<h5>本站导航</h5>
</div>
<div class="widget--content">
<ul class="list-unstyled mb-0">
<li><a href="https://www.9502669.com/jingpin">精品资源</a></li><li><a href="https://www.9502669.com/sucai">美工素材</a></li><li><a href="https://www.9502669.com/zuopin">个人作品</a></li> </ul>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-3 col-md-2 widget--links">
<div class="widget--title">
<h5>友情链接</h5>
</div>
<div class="widget--content">
<ul class="list-unstyled mb-0">
<li><a href="https://www.99zt.cn/">高端源码</a></li><li><a href="https://www.52fw.cn">免费范文</a></li><li><a href="https://www.443.net.cn">免费外链</a></li> </ul>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-12 col-md-4 widget--newsletter">
<div class="widget--title">
<h5>快速搜索</h5>
</div>
<div class="widget--content">
<form class="newsletter--form mb-30" action="https://www.9502669.com/" method="get">
<input type="text" class="form-control" name="s" placeholder="关键词">
<button type="submit"><i class="fa fa-arrow-right"></i></button>
</form>
<h6>美工之家-美工素材交流分享首选平台</h6>
</div>
</div>
</div>
</div> <div class="site-info">
© 2020 9502669.com All rights reserved. 美工之家 版权所有
<a href="https://beian.miit.gov.cn" target="_blank" class="text" rel="noreferrer nofollow"> 鲁ICP备18023744号-2</a>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=188888888" target="_blank" rel="noreferrer nofollow">京公网安备 188888888</a> <br>
</div>
</div>
</footer>
<div class="rollbar">
<div class="rollbar-item tap-dark" etap="tap-dark" title="夜间模式"><i class="mdi mdi-brightness-4"></i></div>
<div class="rollbar-item tap-click-qiandao"><a class="click-qiandao" title="签到" href="javascript:;"><i class="fa fa-calendar-check-o"></i></a></div>
<div class="rollbar-item tap-pencil"><a target="_blank" title="投稿赚钱" href="https://www.9502669.com/wp-admin/post-new.php"><i class="fa fa-pencil"></i></a></div>
<div class="rollbar-item tap-qq" etap="tap-qq"><a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&uin=9502669&site=qq&menu=yes"><i class="fa fa-qq"></i></a></div>
<div class="rollbar-item tap-blog-style" etap="tap-blog-style" data-id="0" title="博客模式"><i class="fa fa-list"></i></div>
<div class="rollbar-item" etap="to_full" title="全屏页面"><i class="fa fa-arrows-alt"></i></div>
<div class="rollbar-item" etap="to_top" title="返回顶部"><i class="fa fa-angle-up"></i></div>
</div>
<div class="dimmer"></div>
<div id="popup-signup" class="popup-signup fade" style="display: none;">
<div class="register-login-modal" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="popup-logo" src="https://www.9502669.com/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" data-dark="https://www.9502669.com/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" alt="美工之家">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#login" data-toggle="login">登录</a>
</li>
<li><a href="#signup" data-toggle="signup">注册</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="login">
<div class="signup-form-container text-center">
<form class="mb-0">
<div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/297.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号登录</a>
</form>
<!-- form end -->
</div>
<!-- .signup-form end -->
</div>
<div class="tab-pane fade in" id="signup">
<form class="mb-0">
<div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/297.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号注册</a>
</form>
<!-- form end -->
</div>
</div>
<a target="_blank" href="https://www.9502669.com/wp-login.php?action=lostpassword" class="rest-password">忘记密码？</a>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<div class="off-canvas">
<div class="canvas-close"><i class="mdi mdi-close"></i></div>
<div class="logo-wrapper">
<a href="https://www.9502669.com/">
<img class="logo regular" src="https://www.9502669.com/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" alt="美工之家">
</a>
</div>
<div class="mobile-menu hidden-lg hidden-xl"></div>
<aside class="widget-area">
</aside>
</div>
<div class="fang">
<div class="cube">
<div class="front"><a href="https://www.99zt.cn/" target="_blank" rel="nofollow" style="font-size:28px;">源码模板</a></div>
<div class="back"><a href="https://www.9502669.com/" target="_blank" rel="nofollow" style="font-size:28px;">美工素材</a></div>
<div class="right"><a href="https://www.443.net.cn/" target="_blank" rel="nofollow" style="font-size:28px;">免费外链</a></div>
<div class="left"><a href="https://www.17118.com.cn/" target="_blank" rel="nofollow" style="font-size:28px;">一起解密</a></div>
<div class="top"><a href="http://wpa.qq.com/msgrd?v=3&uin=9502669&site=qq&menu=yes" target="_blank" rel="nofollow" style="font-size:28px;">建站QQ</a></div>
<div class="bottom"><a href="https://www.9502669.com/" target="_blank" rel="nofollow" style="font-size:28px;">美工之家</a></div>
</div>
</div>
<style>
.fang {
width: 100px;
height: 100px;
margin: 0 auto;
position: fixed;
z-index: 999;
-webkit-perspective: 1000px;
perspective: 1000px;
left: 80px;
bottom: 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cube {
width: 100%;
height: 100%;
position: absolute;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px);
-webkit-transform-origin: center center -100px;
transform-origin: center center -100px;
-webkit-animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite;
animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite;
}
.cube div {
width: 120px;
height: 120px;
display: block;
margin: 0;
position: absolute;
}
.cube div a {
color: white;
font-size: 8em;
text-decoration: none;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cube .front {
-webkit-transform: rotateY(0deg) translateZ(60px);
transform: rotateY(0deg) translateZ(60px);
background-color: rgba(0, 191, 255, 0.7);
border: 2px solid rgba(0, 191, 255, 0.7);
}
.cube .back {
-webkit-transform: rotateX(180deg) translateZ(60px);
transform: rotateX(180deg) translateZ(60px);
background-color: rgba(124, 252, 0, 0.7);
border: 2px solid rgba(124, 252, 0, 0.7);
}
.cube .left {
-webkit-transform: rotateY(-90deg) translateZ(60px);
transform: rotateY(-90deg) translateZ(60px);
background-color: rgba(255, 215, 0, 0.7);
border: 2px solid rgba(255, 215, 0, 0.7);
}
.cube .right {
-webkit-transform: rotateY(90deg) translateZ(60px);
transform: rotateY(90deg) translateZ(60px);
background-color: rgba(255, 69, 0, 0.7);
border: 2px solid rgba(255, 69, 0, 0.7);
}
.cube .top {
-webkit-transform: rotateX(90deg) translateZ(60px);
transform: rotateX(90deg) translateZ(60px);
background-color: rgba(255, 0, 157, 0.7);
border: 2px solid rgba(255, 0, 157, 0.7);
}
.cube .bottom {
-webkit-transform: rotateX(-90deg) translateZ(60px);
transform: rotateX(-90deg) translateZ(60px);
background-color: rgba(184, 111, 220, 0.7);
border: 2px solid rgba(184, 111, 220, 0.7);
}
@-webkit-keyframes around {
100% {
-webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
}
}
@keyframes around {
100% {
-webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
}
}
</style>
<script type="text/javascript" src="https://js.users.51.la/20843105.js"></script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins.js?ver=8.0.0' id='plugins-js'></script>
<script type='text/javascript' id='app-js-extra'>
/* <![CDATA[ */
var caozhuti = {"site_name":"\u7f8e\u5de5\u4e4b\u5bb6","home_url":"https:\/\/www.9502669.com","ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","is_singular":"1","tencent_captcha":{"is":"","appid":""},"infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"<i class=\"fa fa-spinner fa-spin\"><\/i> \u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","color":"#1e73be","html":"<div class=\"notify-content\"><h3>\u7f8e\u5de5\u4e4b\u5bb6\u6700\u65b0\u516c\u544a<\/h3><div>\u7f8e\u5de5\u3001\u8bbe\u8ba1\u5e08\u805a\u96c6\u5730\u3002\u8d44\u6e90\u4ea4\u6362\uff0c\u53d1\u5e03\u81ea\u5df1\u7684\u6536\u85cf\u6362\u53d6\u4ed6\u4eba\u7684\u6536\u85cf\uff0c\u540c\u65f6\u5356\u51fa\u53ef\u4ee5\u6d3b\u52a8\u6536\u5165\u54e6\uff01QQ\u4e00\u952e\u767b\u5f55\uff0c\u5feb\u6765\u5c1d\u8bd5 \u4e00\u4e0b\u5427<\/div><\/div>"},"pay_type_html":{"html":"<div class=\"pay-button-box\"><div class=\"pay-item\" id=\"alipay\" data-type=\"6\"><i class=\"alipay\"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/div><\/div><p style=\"font-size: 13px; padding: 0; margin: 0;\">\u5f53\u524d\u4e3a\u6e38\u5ba2\u8d2d\u4e70\u6a21\u5f0f<\/p>","alipay":6,"weixinpay":0}};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/app.js?ver=8.0.0' id='app-js'></script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins/jquery.fancybox.min.js?ver=8.0.0' id='fancybox-js'></script>
<script type='text/javascript' id='QAPress-js-js-extra'>
/* <![CDATA[ */
var QAPress_js = {"ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","ajaxloading":"https:\/\/www.9502669.com\/wp-content\/plugins\/QAPress\/images\/loading.gif"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/plugins/QAPress/js/scripts.min.js?ver=2.3.1' id='QAPress-js-js'></script>
</body>
</html>