文档内容...... 尝试一下 >>浏览器支持所有主流浏览器都支持 标签。标签定义及使用说明<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/base.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"> <!-- <link href="/static/202010/css/header.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"><!--#include virtual="/static/top.shtml"--></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> <a href="/{dr_share_cat_value($catid, "dirname")}/">{dr_share_cat_value($catid, "name")}</a> </strong>--> <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"><!--></a> </li> <li class=""> <a href="/jiaocheng/co-1000.html"> <!DOCTYPE></a> </li> <li class=""> <a href="/jiaocheng/co-1001.html"> <a></a> </li> <li class=""> <a href="/jiaocheng/co-1002.html"> <abbr></a> </li> <li class=""> <a href="/jiaocheng/co-1003.html"> <acronym></a> </li> <li class=""> <a href="/jiaocheng/co-1004.html"> <address></a> </li> <li class=""> <a href="/jiaocheng/co-1005.html"> <applet></a> </li> <li class=""> <a href="/jiaocheng/co-1006.html"> <area></a> </li> <li class=""> <a href="/jiaocheng/co-1007.html"> <article></a> </li> <li class=""> <a href="/jiaocheng/co-1008.html"> <aside></a> </li> <li class=""> <a href="/jiaocheng/co-1009.html"> <audio></a> </li> <li class=""> <a href="/jiaocheng/co-1010.html"> <b></a> </li> <li class=""> <a href="/jiaocheng/co-1011.html"> <base></a> </li> <li class=""> <a href="/jiaocheng/co-1012.html"> <basefont></a> </li> <li class=""> <a href="/jiaocheng/co-1013.html"> <bdi></a> </li> <li class=""> <a href="/jiaocheng/co-1014.html"> <bdo></a> </li> <li class=""> <a href="/jiaocheng/co-1015.html"> <big></a> </li> <li class=""> <a href="/jiaocheng/co-1016.html"> <blockquote></a> </li> <li class=""> <a href="/jiaocheng/co-1017.html"> <body></a> </li> <li class=""> <a href="/jiaocheng/co-1018.html"> <br></a> </li> <li class=""> <a href="/jiaocheng/co-1019.html"> <button></a> </li> <li class=""> <a href="/jiaocheng/co-1020.html"> <canvas></a> </li> <li class=""> <a href="/jiaocheng/co-1021.html"> <caption></a> </li> <li class=""> <a href="/jiaocheng/co-1022.html"> <center></a> </li> <li class=""> <a href="/jiaocheng/co-1023.html"> <cite></a> </li> <li class=""> <a href="/jiaocheng/co-1024.html"> <code></a> </li> <li class=""> <a href="/jiaocheng/co-1025.html"> <col></a> </li> <li class=""> <a href="/jiaocheng/co-1026.html"> <colgroup></a> </li> <li class=""> <a href="/jiaocheng/co-1027.html"> <command></a> </li> <li class=""> <a href="/jiaocheng/co-1028.html"> <datalist></a> </li> <li class=""> <a href="/jiaocheng/co-1029.html"> <dd></a> </li> <li class=""> <a href="/jiaocheng/co-1030.html"> <del></a> </li> <li class=""> <a href="/jiaocheng/co-1031.html"> <details></a> </li> <li class=""> <a href="/jiaocheng/co-1032.html"> <dfn></a> </li> <li class=""> <a href="/jiaocheng/co-1033.html"> <dialog></a> </li> <li class=""> <a href="/jiaocheng/co-1034.html"> <dir></a> </li> <li class=""> <a href="/jiaocheng/co-1035.html"> <div></a> </li> <li class=""> <a href="/jiaocheng/co-1036.html"> <dl></a> </li> <li class=""> <a href="/jiaocheng/co-1037.html"> <dt></a> </li> <li class=""> <a href="/jiaocheng/co-1038.html"> <em></a> </li> <li class=""> <a href="/jiaocheng/co-1039.html"> <embed></a> </li> <li class=""> <a href="/jiaocheng/co-1040.html"> <fieldset></a> </li> <li class=""> <a href="/jiaocheng/co-1041.html"> <figcaption></a> </li> <li class=""> <a href="/jiaocheng/co-1042.html"> <figure></a> </li> <li class=""> <a href="/jiaocheng/co-1043.html"> <font></a> </li> <li class=""> <a href="/jiaocheng/co-1044.html"> <footer></a> </li> <li class=""> <a href="/jiaocheng/co-1045.html"> <form></a> </li> <li class=""> <a href="/jiaocheng/co-1046.html"> <frame></a> </li> <li class=""> <a href="/jiaocheng/co-1047.html"> <frameset></a> </li> <li class=""> <a href="/jiaocheng/co-1048.html"> <head></a> </li> <li class=""> <a href="/jiaocheng/co-1049.html"> <header></a> </li> <li class=""> <a href="/jiaocheng/co-1050.html"> <hgroup></a> </li> <li class=""> <a href="/jiaocheng/co-1051.html"> <h1> - <h6></a> </li> <li class=""> <a href="/jiaocheng/co-1052.html"> <hr></a> </li> <li class=""> <a href="/jiaocheng/co-1053.html"> <i></a> </li> <li class=""> <a href="/jiaocheng/co-1054.html"> <iframe></a> </li> <li class=""> <a href="/jiaocheng/co-1055.html"> <img></a> </li> <li class=""> <a href="/jiaocheng/co-1056.html"> <input></a> </li> <li class=""> <a href="/jiaocheng/co-1057.html"> <ins></a> </li> <li class=""> <a href="/jiaocheng/co-1058.html"> <kbd></a> </li> <li class=""> <a href="/jiaocheng/co-1059.html"> <keygen></a> </li> <li class=""> <a href="/jiaocheng/co-1060.html"> <label></a> </li> <li class=""> <a href="/jiaocheng/co-1061.html"> <legend></a> </li> <li class=""> <a href="/jiaocheng/co-1062.html"> <li></a> </li> <li class=""> <a href="/jiaocheng/co-1063.html"> <link></a> </li> <li class=""> <a href="/jiaocheng/co-1064.html"><main></a> </li> <li class=""> <a href="/jiaocheng/co-1065.html"> <map></a> </li> <li class=""> <a href="/jiaocheng/co-1066.html"> <mark></a> </li> <li class=""> <a href="/jiaocheng/co-1067.html"> <menu></a> </li> <li class=""> <a href="/jiaocheng/co-1068.html"> <meta></a> </li> <li class=""> <a href="/jiaocheng/co-1069.html"> <meter></a> </li> <li class=""> <a href="/jiaocheng/co-1070.html"> <nav></a> </li> <li class=""> <a href="/jiaocheng/co-1071.html"> <noframes></a> </li> <li class=""> <a href="/jiaocheng/co-1072.html"> <noscript></a> </li> <li class=""> <a href="/jiaocheng/co-1073.html"> <object></a> </li> <li class=""> <a href="/jiaocheng/co-1074.html"> <ol></a> </li> <li class=""> <a href="/jiaocheng/co-1075.html"> <optgroup></a> </li> <li class=""> <a href="/jiaocheng/co-1076.html"> <option></a> </li> <li class=""> <a href="/jiaocheng/co-1077.html"> <output></a> </li> <li class=""> <a href="/jiaocheng/co-1078.html"> <p></a> </li> <li class=""> <a href="/jiaocheng/co-1079.html"> <param></a> </li> <li class=""> <a href="/jiaocheng/co-1080.html"> <pre></a> </li> <li class=""> <a href="/jiaocheng/co-1081.html"> <html></a> </li> <li class=""> <a href="/jiaocheng/co-1082.html"><picture></a> </li> <li class=""> <a href="/jiaocheng/co-1083.html">progress</a> </li> <li class=""> <a href="/jiaocheng/co-1084.html">q </a> </li> <li class=""> <a href="/jiaocheng/co-1085.html"> <rp></a> </li> <li class=""> <a href="/jiaocheng/co-1086.html"> <rt></a> </li> <li class=""> <a href="/jiaocheng/co-1087.html"> <ruby></a> </li> <li class=""> <a href="/jiaocheng/co-1088.html"> <s></a> </li> <li class=""> <a href="/jiaocheng/co-1089.html"> <samp></a> </li> <li class=""> <a href="/jiaocheng/co-1090.html"><script> </a> </li> <li class=""> <a href="/jiaocheng/co-1091.html"> <section></a> </li> <li class=""> <a href="/jiaocheng/co-1092.html"> <select></a> </li> <li class=""> <a href="/jiaocheng/co-1093.html"> <small></a> </li> <li class=""> <a href="/jiaocheng/co-1094.html"> <source></a> </li> <li class=""> <a href="/jiaocheng/co-1095.html"> <span></a> </li> <li class=""> <a href="/jiaocheng/co-1096.html"> <strike></a> </li> <li class=""> <a href="/jiaocheng/co-1097.html"> <strong></a> </li> <li class=""> <a href="/jiaocheng/co-1098.html"> <style></a> </li> <li class=""> <a href="/jiaocheng/co-1099.html"> <sub></a> </li> <li class=""> <a href="/jiaocheng/co-1100.html"> <summary></a> </li> <li class=""> <a href="/jiaocheng/co-1101.html"> <sup></a> </li> <li class=""> <a href="/jiaocheng/co-1102.html"> <table></a> </li> <li class=""> <a href="/jiaocheng/co-1103.html"> <tbody></a> </li> <li class=""> <a href="/jiaocheng/co-1104.html"> <td></a> </li> <li class=""> <a href="/jiaocheng/co-1105.html"> <textarea></a> </li> <li class=""> <a href="/jiaocheng/co-1106.html"> <tfoot></a> </li> <li class=""> <a href="/jiaocheng/co-1107.html"> <th></a> </li> <li class=""> <a href="/jiaocheng/co-1108.html"> <thead></a> </li> <li class=""> <a href="/jiaocheng/co-1109.html"> <time></a> </li> <li class="active"> <a href="/jiaocheng/co-1110.html"> <title></a> </li> <li class=""> <a href="/jiaocheng/co-1111.html"> <tr></a> </li> <li class=""> <a href="/jiaocheng/co-1112.html"> <track></a> </li> <li class=""> <a href="/jiaocheng/co-1113.html"> <tt></a> </li> <li class=""> <a href="/jiaocheng/co-1114.html"> <u></a> </li> <li class=""> <a href="/jiaocheng/co-1115.html"> <ul></a> </li> <li class=""> <a href="/jiaocheng/co-1116.html"> <var></a> </li> <li class=""> <a href="/jiaocheng/co-1117.html"> <video></a> </li> <li class=""> <a href="/jiaocheng/co-1118.html"> <wbr></a> </li> </ul> </div> <!-- 中间内容--> <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> <!-- 右侧列表 --><!--#include virtual="/static/right.shtml"--><!-- 底部 --> <!-- 底部 --> <footer class="relative b-large-margin"><!--#include virtual="/static/foot.shtml"--></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">CPU中文网交流群</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>