美工之家
  • 首页
  • 素材
    • 图标
    • 作品
    • 源码
    • PSD素材
    • 设计模板
  • 简历
  • 技术
  • 问答
登录
当前位置:美工之家 > 技术分享 > 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> <img alt='runsly' data-src='https://www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg' class='lazyload avatar avatar-40 photo gravatar' height='40' width='40' />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"> <img alt='runsly' data-src='https://www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg' class='lazyload avatar avatar-140 photo gravatar' height='140' width='140' /> </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/338.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="HTML <input> 标签"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="338" 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/338.html" title="HTML <input> 标签" rel="bookmark">HTML <input> 标签</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/317.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="Apache 让网页路径更简单(ubuntu)"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="317" 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/317.html" title="Apache 让网页路径更简单(ubuntu)" rel="bookmark">Apache 让网页路径更简单(ubuntu)</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/478.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/f2940af480e1b4b65ede0eee02de2ab9.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Asp.net MVC中 Controller 与 View之间的数据传递"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="478" 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/478.html" title="Asp.net MVC中 Controller 与 View之间的数据传递" rel="bookmark">Asp.net MVC中 Controller 与 View之间的数据传递</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/8521.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/04/1617959291-757afeb19ae6da1.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="个人英文简历模板2页"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8521" 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/8521.html" rel="bookmark" title="个人英文简历模板2页">个人英文简历模板2页</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/8514.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/04/1617953893-8f9cf3f5789e161.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="教师求职信范文例子word"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8514" 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/8514.html" rel="bookmark" title="教师求职信范文例子word">教师求职信范文例子word</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/8511.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/03/44d852b26a6ebb1a5261ddc61b183ac4.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="立体字,通过PS制作色彩缤纷拖尾立体字效果"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8511" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/8511.html" rel="bookmark" title="立体字,通过PS制作色彩缤纷拖尾立体字效果">立体字,通过PS制作色彩缤纷拖尾立体字效果</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/8509.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/03/5f099ef6a18cb5d91c4953f82be35dd9.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="立体字,用PS制作绿叶构成的3D立体字"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8509" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/8509.html" rel="bookmark" title="立体字,用PS制作绿叶构成的3D立体字">立体字,用PS制作绿叶构成的3D立体字</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/8507.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/03/600020658a380b5e19180c99fa6b93e8.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="立体文字,在PS中制作绚丽悬空潮流立体文字"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8507" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/8507.html" rel="bookmark" title="立体文字,在PS中制作绚丽悬空潮流立体文字">立体文字,在PS中制作绚丽悬空潮流立体文字</a></div><div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.9502669.com/8505.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/03/b796ac761a7e68c569e8003d2dd3c286.jpg&h=200&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="字体制作,在ps中设计立体的翘边剪纸文字"> </a> </div> <div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="8505" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div> <a href="https://www.9502669.com/8505.html" rel="bookmark" title="字体制作,在ps中设计立体的翘边剪纸文字">字体制作,在ps中设计立体的翘边剪纸文字</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/ai%e6%a0%bc%e5%bc%8f" class="tag-cloud-link tag-link-38 tag-link-position-2" 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-3" style="font-size: 9.575pt;" aria-label="APP模板 (5个项目)">APP模板</a> <a href="https://www.9502669.com/tag/dedecms" class="tag-cloud-link tag-link-596 tag-link-position-4" style="font-size: 8pt;" aria-label="dedecms (3个项目)">dedecms</a> <a href="https://www.9502669.com/tag/eps" class="tag-cloud-link tag-link-293 tag-link-position-5" 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-6" 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-7" style="font-size: 11.0625pt;" aria-label="jQuery (8个项目)">jQuery</a> <a href="https://www.9502669.com/tag/logo%e8%ae%be%e8%ae%a1" class="tag-cloud-link tag-link-414 tag-link-position-8" style="font-size: 8pt;" aria-label="LOGO设计 (3个项目)">LOGO设计</a> <a href="https://www.9502669.com/tag/psd" class="tag-cloud-link tag-link-178 tag-link-position-9" 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-10" 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-11" 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-12" style="font-size: 19.725pt;" aria-label="Web开发 (87个项目)">Web开发</a> <a href="https://www.9502669.com/tag/%e4%b8%9d%e5%b8%a6" class="tag-cloud-link tag-link-404 tag-link-position-13" style="font-size: 8pt;" aria-label="丝带 (3个项目)">丝带</a> <a href="https://www.9502669.com/tag/%e4%ba%ba%e7%89%a9" class="tag-cloud-link tag-link-25 tag-link-position-14" style="font-size: 8.875pt;" aria-label="人物 (4个项目)">人物</a> <a href="https://www.9502669.com/tag/%e5%88%9b%e6%84%8f%e8%ae%be%e8%ae%a1" class="tag-cloud-link tag-link-412 tag-link-position-15" style="font-size: 8pt;" aria-label="创意设计 (3个项目)">创意设计</a> <a href="https://www.9502669.com/tag/%e5%8d%95%e8%bd%a6" class="tag-cloud-link tag-link-153 tag-link-position-16" style="font-size: 8pt;" aria-label="单车 (3个项目)">单车</a> <a href="https://www.9502669.com/tag/%e5%9b%be%e6%a0%87" class="tag-cloud-link tag-link-309 tag-link-position-17" 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-18" style="font-size: 8pt;" aria-label="夏季 (3个项目)">夏季</a> <a href="https://www.9502669.com/tag/%e5%a6%87%e5%a5%b3%e8%8a%82" class="tag-cloud-link tag-link-102 tag-link-position-19" style="font-size: 8pt;" aria-label="妇女节 (3个项目)">妇女节</a> <a href="https://www.9502669.com/tag/%e5%b1%b1" class="tag-cloud-link tag-link-146 tag-link-position-20" style="font-size: 8pt;" aria-label="山 (3个项目)">山</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-21" style="font-size: 21.5625pt;" aria-label="帝国cms教程 (140个项目)">帝国cms教程</a> <a href="https://www.9502669.com/tag/%e5%b8%bd%e5%ad%90" class="tag-cloud-link tag-link-124 tag-link-position-22" style="font-size: 8pt;" aria-label="帽子 (3个项目)">帽子</a> <a href="https://www.9502669.com/tag/%e6%8a%a4%e7%85%a7" class="tag-cloud-link tag-link-452 tag-link-position-23" style="font-size: 8pt;" aria-label="护照 (3个项目)">护照</a> <a href="https://www.9502669.com/tag/%e6%8a%ab%e8%90%a8" class="tag-cloud-link tag-link-211 tag-link-position-24" style="font-size: 8.875pt;" aria-label="披萨 (4个项目)">披萨</a> <a href="https://www.9502669.com/tag/%e6%8b%96%e6%8b%89%e6%9c%ba" class="tag-cloud-link tag-link-186 tag-link-position-25" style="font-size: 8pt;" aria-label="拖拉机 (3个项目)">拖拉机</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%e5%bf%97%e8%ae%be%e8%ae%a1" class="tag-cloud-link tag-link-413 tag-link-position-27" style="font-size: 8pt;" aria-label="标志设计 (3个项目)">标志设计</a> <a href="https://www.9502669.com/tag/%e6%a0%87%e7%ad%be" class="tag-cloud-link tag-link-154 tag-link-position-28" style="font-size: 11.5pt;" aria-label="标签 (9个项目)">标签</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%a7%91%e6%8a%80" class="tag-cloud-link tag-link-192 tag-link-position-36" style="font-size: 8pt;" aria-label="科技 (3个项目)">科技</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-37" 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-38" 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-39" style="font-size: 22pt;" aria-label="织梦教程 (157个项目)">织梦教程</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%a1%8c%e6%9d%8e%e7%ae%b1" class="tag-cloud-link tag-link-451 tag-link-position-41" style="font-size: 8pt;" aria-label="行李箱 (3个项目)">行李箱</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-42" 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-43" style="font-size: 10.1875pt;" aria-label="返回顶部 (6个项目)">返回顶部</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> (12) </li> <li class="cat-item cat-item-2"><a href="https://www.9502669.com/fenxiang" title="建站经验分享、网页、编程技术交流分享">技术分享</a> (589) </li> <li class="cat-item cat-item-767"><a href="https://www.9502669.com/jiaocheng" title="各种教程知识大全">教程</a> (5) <ul class='children'> <li class="cat-item cat-item-768"><a href="https://www.9502669.com/jiaocheng/3d" title="3D教程大全">3D</a> (5) </li> </ul> </li> <li class="cat-item cat-item-736"><a href="https://www.9502669.com/jianli" title="简历">简历</a> (18) <ul class='children'> <li class="cat-item cat-item-738"><a href="https://www.9502669.com/jianli/dyjl">单页简历</a> (18) </li> </ul> </li> <li class="cat-item cat-item-1"><a href="https://www.9502669.com/jingpin" title="精品资源,独家整理,dedecms、帝国cms、destoon、phpcms等cms模板让你的工作事半功倍">精品资源</a> (28) </li> <li class="cat-item cat-item-13"><a href="https://www.9502669.com/sucai" title="精品素材不断更新中……">素材</a> (129) <ul class='children'> <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> (23) </li> <li class="cat-item cat-item-672"><a href="https://www.9502669.com/sucai/jscode" title="js在线客服代码大全">在线客服</a> (17) </li> <li class="cat-item cat-item-50"><a href="https://www.9502669.com/sucai/sjmb" title="美工之家设计模板集">设计模板</a> (15) </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/8521.html">个人英文简历模板2页</a> </li> <li> <a href="https://www.9502669.com/8514.html">教师求职信范文例子word</a> </li> <li> <a href="https://www.9502669.com/8511.html">立体字,通过PS制作色彩缤纷拖尾立体字效果</a> </li> <li> <a href="https://www.9502669.com/8509.html">立体字,用PS制作绿叶构成的3D立体字</a> </li> <li> <a href="https://www.9502669.com/8507.html">立体文字,在PS中制作绚丽悬空潮流立体文字</a> </li> <li> <a href="https://www.9502669.com/8505.html">字体制作,在ps中设计立体的翘边剪纸文字</a> </li> </ul> </div><div id="archives-2" class="widget widget_archive"><h5 class="widget-title">文章归档</h5> <ul> <li><a href='https://www.9502669.com/date/2021/04'>2021年4月</a></li> <li><a href='https://www.9502669.com/date/2021/03'>2021年3月</a></li> <li><a href='https://www.9502669.com/date/2021/02'>2021年2月</a></li> <li><a href='https://www.9502669.com/date/2021/01'>2021年1月</a></li> <li><a href='https://www.9502669.com/date/2020/12'>2020年12月</a></li> <li><a href='https://www.9502669.com/date/2020/11'>2020年11月</a></li> <li><a href='https://www.9502669.com/date/2020/10'>2020年10月</a></li> <li><a href='https://www.9502669.com/date/2020/09'>2020年9月</a></li> <li><a href='https://www.9502669.com/date/2020/08'>2020年8月</a></li> <li><a href='https://www.9502669.com/date/2020/07'>2020年7月</a></li> <li><a href='https://www.9502669.com/date/2020/06'>2020年6月</a></li> <li><a href='https://www.9502669.com/date/2020/05'>2020年5月</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.weihai.link">威海生活网</a></li><li><a href="https://www.17118.com.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>