<title> _HTML 参考手册_HTML/CSS_教程_教程_JSON在线解析及格式化验证_工具爸爸

文档内容...... 尝试一下 >>浏览器支持所有主流浏览器都支持标签。标签定义及使用说明<title> 标签定义文档的标题，在所有 HTML 文档中是必需" name="description" /> <link href="/static/kj/css/home-1589270335000.css" rel="stylesheet"> <link href="/static/kj/css/content-1589270335000.css" rel="stylesheet"> <link href="/static/kj/css/public.css" rel="stylesheet"> <link href="/static/kj/css/font-awesome.min.css" rel="stylesheet"> <link href="/static/202010/css/header.css" rel="stylesheet">  <link href="/static/202010/css/new-style.css" rel="stylesheet"> <link href="/static/202010/css/new-style2.css" rel="stylesheet"> <link href="/static/202010/css/new-style3.css" rel="stylesheet">  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4637570166007883" crossorigin="anonymous"></script></head> <style> #write button.btn-info.btn-lg{ float: right; margin-top: -32px!important; margin-right: 10px; display: inline-block; color: #FFF; background-color: #0fd59d; font-weight: 700; font-size: 12px; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 4px; text-decoration: none; margin-left: 5px; margin-top: 0; margin-bottom: 5px; border: 1px solid #aaa; border-radius: 5px; white-space: nowrap; border-color: #0fd59d; } #write button.btn-info.btn-lg:hover{ color: #0fd59d; background-color: #ffffff; } </style> <body class="bg-color-f7"> <style> .myNotice{ display: inline-block; } .hasNotice{ position: relative; } .myNotice.hasNotice:after{ content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: red; position: absolute; right: 0; top: 0; } a.hasNotice:after{ left: 10px; top: 50% !important; margin-top: -4px; } </style> <header class="header"><header class="header"> <div class="row-fluid" style="padding: 0 20px">  <div class="header-nav-list first-nav comt-top-nva" style="position:relative;"> <a class="logo" href="http://www.gongju88.com/" style="font-size: 34px;padding: 0"> GongJu88.<span style="color:#4A5560;">com</span></a> <div class="dropdown dropdown-hover"> <a href="https://cxy.gongju88.com/" type="button" class=" custom-btn">在线开发工具</a> </div> <div class="dropdown dropdown-hover"> <a type="button" href="/jiaocheng" class="dropdown-toggle custom-btn " id="dropdownMenu3"> 程序员教程 <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-menu2 dropdown-menu3" role="menu" aria-labelledby="dropdownMenu3"> <li class="dropdown-li-fenlei">HTML/CSS</li> <li><a href="/jiaocheng/bootstrap" class="text-nav-info-import">Bootstrap 教程</a></li> <li><a href="/jiaocheng/bootstrap4" class="text-nav-info-import">Bootstrap4 教程</a></li> <li><a href="/jiaocheng/css" class="text-nav-info-import">CSS 教程</a></li> <li><a href="/jiaocheng/css3" class="text-nav-info-import">CSS3 教程</a></li> <li><a href="/jiaocheng/html" class="text-nav-info-import">HTML 教程</a></li> <li><a href="/jiaocheng/html5jc" class="text-nav-info-import">HTML5教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">JavaScript</li> <li><a href="/jiaocheng/ajax" class="text-nav-info-import">Ajax 教程</a></li> <li><a href="/jiaocheng/googleapi" class="text-nav-info-import">Google 地图 API 教程</a></li> <li><a href="/jiaocheng/jsref" class="text-nav-info-import">JavaScript 参考手册</a></li> <li><a href="/jiaocheng/jeasyui" class="text-nav-info-import">jQuery EasyUI 教程</a></li> <li><a href="/jiaocheng/jquery" class="text-nav-info-import">jQuery 教程</a></li> <li><a href="/jiaocheng/json_t" class="text-nav-info-import">JSON 教程</a></li> <li><a href="/jiaocheng/vue2" class="text-nav-info-import">Vue.js 教程</a></li> <li><a href="/jiaocheng/js" class="text-nav-info-import">Javascript 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">后端语言</li> <li><a href="/jiaocheng/cprogramming" class="text-nav-info-import">C 教程</a></li> <li><a href="/jiaocheng/cplusplus" class="text-nav-info-import">C++ 教程</a></li> <li><a href="/jiaocheng/go" class="text-nav-info-import">Go 语言教程</a></li> <li><a href="/jiaocheng/java" class="text-nav-info-import">Java 教程</a></li> <li><a href="/jiaocheng/nodejs" class="text-nav-info-import">Node.js 教程</a></li> <li><a href="/jiaocheng/php" class="text-nav-info-import">PHP 教程</a></li> <li><a href="/jiaocheng/python3" class="text-nav-info-import">Python 3 教程</a></li> <li><a href="/jiaocheng/scala" class="text-nav-info-import">Scala 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">数据库</li> <li><a href="/jiaocheng/memcached" class="text-nav-info-import">Memcached 教程</a></li> <li><a href="/jiaocheng/mongodb" class="text-nav-info-import">MongoDB 教程</a></li> <li><a href="/jiaocheng/mysql" class="text-nav-info-import">MySQL 教程</a></li> <li><a href="/jiaocheng/redis" class="text-nav-info-import">Redis 教程</a></li> <li><a href="/jiaocheng/sql" class="text-nav-info-import">SQL 教程</a></li> <li><a href="/jiaocheng/sqlite" class="text-nav-info-import">SQLite 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">移动开发</li> <li><a href="/jiaocheng/android" class="text-nav-info-import">Android 教程</a></li> <li><a href="/jiaocheng/ionic" class="text-nav-info-import">ionic 教程</a></li> <li><a href="/jiaocheng/ios" class="text-nav-info-import">iOS 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">服务器相关</li> <li><a href="/jiaocheng/docker" class="text-nav-info-import">Docker 教程</a></li> <li><a href="/jiaocheng/linux" class="text-nav-info-import">Linux 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">开发工具</li> <li><a href="/jiaocheng/eclipse" class="text-nav-info-import">Eclipse 教程</a></li> <li><a href="/jiaocheng/svn" class="text-nav-info-import">SVN 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">网站建设</li> <li><a href="/jiaocheng/htpjc" class="text-nav-info-import">HTTP 教程</a></li> <li><a href="/jiaocheng/w3c" class="text-nav-info-import">W3C 教程</a></li> <li class="divider"></li> <li class="dropdown-li-fenlei">XML教程</li> <li><a href="/jiaocheng/xlink" class="text-nav-info-import">XLink 教程</a></li> <li><a href="/jiaocheng/dom" class="text-nav-info-import">XML DOM 教程</a></li> <li><a href="/jiaocheng/xml" class="text-nav-info-import">XML 教程</a></li> <li class="divider"></li> </ul> </div> <div class="dropdown dropdown-hover"> <a type="button" href="//tu.gogju88.com" class="dropdown-toggle custom-btn " id="dropdownMenu10">图形图像工具</a> </div> <div class="dropdown dropdown-hover"> <a href="https://text.gongju88.com/" type="button" class=" custom-btn">文字处理工具</a> </div> </div> <br style="clear:both;"/> </div> </header></header> <div class="container clear-both t-big-margin" style="margin-top: 15px;">  <div class="left-nav-container" id="leftNavContainer"> <div class="left-nav-title">  <strong> HTML 参考手册</strong> <i class="custom-icon-16 custom-icon-nav-se"></i> <div id="switchNav"></div> </div> <ul> <li class=""> <a href="/jiaocheng/co-979.html"> HTML 标签列表(字母排序) </a> </li> <li class=""> <a href="co-980.html"> HTML 标签列表（功能排序） </a> </li> <li class=""> <a href="co-981.html"> HTML 全局属性 </a> </li> <li class=""> <a href="co-982.html"> HTML 事件 </a> </li> <li class=""> <a href="co-983.html"> HTML 画布 </a> </li> <li class=""> <a href="co-984.html"> HTML 音频/视频 </a> </li> <li class=""> <a href="co-985.html"> HTML 有效DOCTYPES </a> </li> <li class=""> <a href="co-986.html"> HTML 颜色名 </a> </li> <li class=""> <a href="co-987.html"> HTML 拾色器 </a> </li> <li class=""> <a href="co-988.html"> HTML 颜色混搭 </a> </li> <li class=""> <a href="co-989.html"> HTML 字符集 </a> </li> <li class=""> <a href="co-990.html"> HTML ASCII </a> </li> <li class=""> <a href="co-991.html"> HTML ISO-8859-1 </a> </li> <li class=""> <a href="co-992.html"> HTML 符号 </a> </li> <li class=""> <a href="co-993.html"> HTML URL 编码 </a> </li> <li class=""> <a href="co-994.html"> HTML 语言代码 </a> </li> <li class=""> <a href="co-995.html"> HTTP 消息 </a> </li> <li class=""> <a href="co-996.html"> HTTP 方法 </a> </li> <li class=""> <a href="co-997.html"> Px/Em 换算工具 </a> </li> <li class=""> <a href="co-998.html"> 键盘快捷键 </a> </li> <li><strong>HTML 标签</strong></li> <li class=""> <a href="co-999.html">  <div id='write' class='is-node'> <h1 class="border-b-none"><a name="" class="md-header-anchor"></a><span> <title> </span></h1> <div class="pre-and-next"> <a href="co-1109.html">上一篇： <time> </a> <a href="co-1111.html" >下一篇： <tr> </a> </div> <div class="article-intro" id="content"><div class="example"> <h2 class="example">实例</h2> <p>为您的 HTML 文档定义标题：</p> <div class="example_code"> <div class="hl-main"><span class="hl-brackets"><</span><span class="hl-reserved">html</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">head</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">meta</span><span class="hl-code"> </span><span class="hl-var">charset</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">utf-8</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">title</span><span class="hl-brackets">></span><span class="hl-code">文档标题</span><span class="hl-brackets"></</span><span class="hl-reserved">title</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">head</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">body</span><span class="hl-brackets">></span><span class="hl-code"> 文档内容...... </span><span class="hl-brackets"></</span><span class="hl-reserved">body</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">html</span><span class="hl-brackets">></span></div> </div> <br/> </div><hr/><h2>浏览器支持</h2><p><img alt="Internet Explorer" height="30" src="/uploadfile/up/4e/a4/5d/6de56157646f895dc3df5461415da44e.jpg" title="Internet Explorer" width="31"/><img alt="Firefox" height="30" src="/uploadfile/up/00/0c/91/2b336d55073fa6256944bff0e3910c00.jpg" title="Firefox" width="31"/><img alt="Opera" height="30" src="/uploadfile/up/6f/c9/2f/2fde4bf7adb5ab30bcc93bcca92fc96f.jpg" title="Opera" width="28"/><img alt="Google Chrome" height="30" src="/uploadfile/up/6a/8e/5a/cb756c591b627ba35012a37de65a8e6a.jpg" title="Google Chrome" width="31"/><img alt="Safari" height="30" src="/uploadfile/up/a1/dc/41/cb5ba57a8254753663d18a4a0a41dca1.jpg" title="Safari" width="28"/></p><p>所有主流浏览器都支持 <title> 标签。</p><hr/><h2>标签定义及使用说明</h2><p><title> 标签定义文档的标题，在所有 HTML 文档中是必需的。</p><p><title>元素：</p><ul> <li>定义浏览器工具栏中的标题</li> <li>提供页面被添加到收藏夹时的标题</li> <li>显示在搜索引擎结果中的页面标题</li> </ul><hr/><h2>提示和注释</h2><p><b>注释：</b>一个 HTML 文档中不能有一个以上的 <title> 元素。</p><p><b>提示：</b>如果您遗漏了 <title> 标签，文档作为 HTML 是无效的。</p><hr/><h2>HTML 4.01 与 HTML5之间的差异</h2><p>无。</p><hr/><h2>全局属性</h2><p><title> 标签支持 <a href="co-981.html">HTML 的全局属性</a>。</p><hr/><h2>相关文章</h2><p>HTML 教程：<a href="/jiaocheng/co-1180.html">HTML 头部</a></p></div> <div class="pre-and-next"> <a href="co-1109.html">上一篇： <time> </a> <a href="co-1111.html" >下一篇： <tr> </a> </div> </div> <div class="right-nav-con" id="rightNavCon"> <ul id="rightNavList"> <li><strong>分类导航</strong></li> <li data-type="dropdown"> <a href="javascript:;">HTML/CSS  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/bootstrap/" class="">Bootstrap 教程</a></dd> <dd><a href="/jiaocheng/bootstrap4/" class="">Bootstrap4 教程</a></dd> <dd><a href="/jiaocheng/css/" class="">CSS 教程</a></dd> <dd><a href="/jiaocheng/css3/" class="">CSS3 教程</a></dd> <dd><a href="/jiaocheng/html/" class="">HTML 教程</a></dd> <dd><a href="/jiaocheng/html5jc/" class="">HTML5教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">JavaScript  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/ajax/" class="">Ajax 教程</a></dd> <dd><a href="/jiaocheng/googleapi/" class="">Google 地图 API 教程</a></dd> <dd><a href="/jiaocheng/jsref/" class="">JavaScript 参考手册</a></dd> <dd><a href="/jiaocheng/jeasyui/" class="">jQuery EasyUI 教程</a></dd> <dd><a href="/jiaocheng/jquery/" class="">jQuery 教程</a></dd> <dd><a href="/jiaocheng/json_t/" class="">JSON 教程</a></dd> <dd><a href="/jiaocheng/vue2/" class="">Vue.js 教程</a></dd> <dd><a href="/jiaocheng/js/" class="">Javascript 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">后端语言  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/cprogramming/" class="">C 教程</a></dd> <dd><a href="/jiaocheng/cplusplus/" class="">C++ 教程</a></dd> <dd><a href="/jiaocheng/go/" class="">Go 语言教程</a></dd> <dd><a href="/jiaocheng/java/" class="">Java 教程</a></dd> <dd><a href="/jiaocheng/nodejs/" class="">Node.js 教程</a></dd> <dd><a href="/jiaocheng/php/" class="">PHP 教程</a></dd> <dd><a href="/jiaocheng/python3/" class="">Python 3 教程</a></dd> <dd><a href="/jiaocheng/scala/" class="">Scala 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">数据库  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/memcached/" class="">Memcached 教程</a></dd> <dd><a href="/jiaocheng/mongodb/" class="">MongoDB 教程</a></dd> <dd><a href="/jiaocheng/mysql/" class="">MySQL 教程</a></dd> <dd><a href="/jiaocheng/redis/" class="">Redis 教程</a></dd> <dd><a href="/jiaocheng/sql/" class="">SQL 教程</a></dd> <dd><a href="/jiaocheng/sqlite/" class="">SQLite 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">移动开发  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/android/" class="">Android 教程</a></dd> <dd><a href="/jiaocheng/ionic/" class="">ionic 教程</a></dd> <dd><a href="/jiaocheng/ios/" class="">iOS 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">服务器相关  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/docker/" class="">Docker 教程</a></dd> <dd><a href="/jiaocheng/linux/" class="">Linux 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">开发工具  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/eclipse/" class="">Eclipse 教程</a></dd> <dd><a href="/jiaocheng/svn/" class="">SVN 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">网站建设  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/htpjc/" class="">HTTP 教程</a></dd> <dd><a href="/jiaocheng/w3c/" class="">W3C 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">XML教程  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/xlink/" class="">XLink 教程</a></dd> <dd><a href="/jiaocheng/dom/" class="">XML DOM 教程</a></dd> <dd><a href="/jiaocheng/xml/" class="">XML 教程</a></dd> </dl> </li> </ul> </div> </div>  <footer class="relative b-large-margin"> <div class="container"> <div class="footer-gg-b"> <div class="footer-gg-b-addr">  </div> <div class="footer-gg-b-style"> <div class="footer-gg-b-link"> <a href="" class="footer-gg-b-email">联系我们</a> <a href="" class="footer-gg-b-feedback">问题反馈</a> </div> <p class="footer-gg-b-copy"><a href="https://beian.miit.gov.cn" target="_blank">鄂ICP备2023022218号-1</a> ©2023 GongJu88 ALL RIGHT RESERVED</p></div> <div class="hide"><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=KBXX2xkkUXE7mcJN&ck=KBXX2xkkUXE7mcJN"></script><script type="text/javascript" src="//js.users.51.la/21804543.js"></script></div> </div> </div></footer> <div class="xf-window"> <div class="xf-wxewm" id="showQrcode"> <i class="fa fa-qrcode icon icon-qrcode "></i> <div class="xf-qrcode" id="wxQrcode"> <p>用微信扫一扫</p> <img src="/static/202010/img/gzh_wechat.jpg" width="150"> </div> </div> <a class="fa fa-star xf-collection"> 收藏 </a> <div class="fa fa-qq xf-share " id="showQqlist"> <div class="xf-qrcode xf-qq-link " id="qqWindow" style="display: none"> <p class="xf-qq-link-tit">工具爸爸交流群</p> <p><span>QQ群：</span></p> <a target="_blank" href="">点击加入群</a> <p><span>QQ客服：</span> </p> <p>(工作日: 9:00-18:00)</p> <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">点击联系客服</a> </div> </div> <a href="/feedback.html" class="fa fa-pencil xf-myfeed" target="_blank" id="feedBack"> </a> <div class="xf-totop" id="goTop"> <i class="fa fa-caret-up icon icon-caret-up"></i> </div> </div> <script src="/static/202010/js/lang.js"></script> <script src="/static/202010/js/login.js"></script> <script src="/static/202010/js/footer.js"></script> <style> .popup-link-info-box { position: absolute; right: 58px; top: 0; background-color: #fff; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); padding: 15px; display: none; } .popup-link-info-box li { float: left; margin-right: 10px; border: 1px solid #eee; text-align: center; line-height: 50px; } .popup-link-info-box li p { font-size: 14px; color: #333; } .popup-link-info-box li p span { font-size: 14px; color: #333; } .popup-link-info-box li .popup-wechat-wrapper {} .popup-link-info-box li .popup-wechat-wrapper img { height: 100%; width: 100%; object-fit: cover; } </style> <script type="text/javascript" src="/static/kj/js/jquery.js"></script> <script type="text/javascript" src="/static/kj/js/home-1589270335000-bundle.js"></script> <script type="text/javascript" src="/static/202010/js/jquery.cookie.js"></script> <script type="text/javascript" src="/static/kj/js/pre.js"></script> <script src="/static/202010/js/new-common.js"></script> <script> $(function () { //替换为 pre 标签 // $('.example_code').unwrap().wrap('<pre/>'); $('.example_code').find('br').remove() $('.example_code').replaceWith(function(){ return $("<pre />").append($(this).contents()); }); $("pre").addClass("prettyprint");//如果其他地方也要用到pre，我们可以再加一个父标签的选择器来区分 prettyPrint();//代替body上的onload事件加载该方法 $('a.tryitbtn').text('运行代码') //左导航高度 // var centHeight = $('.is-node').outerHeight() - 2 // $('.left-nav-container').height(centHeight) // $('.left-nav-container ul').height(centHeight - 36) // $('.right-nav-con').height(centHeight) }) $('#write').find('hr').remove() </script> </body> </html>