<base>_HTML 参考手册_HTML/CSS_教程_教程_JSON在线解析及格式化验证_CPU中文网

runoob.com尝试一下 >>浏览器支持所有" name="description" />

HTML 参考手册

HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 颜色混搭
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL 编码
HTML 语言代码
HTTP 消息
HTTP 方法
Px/Em 换算工具
键盘快捷键
HTML 标签
- </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=""> <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> <base></span></h1> <div class="pre-and-next"> <a href="co-1010.html">上一篇： <b></a> <a href="co-1012.html" >下一篇： <basefont> </a> </div> <div class="article-intro" id="content"><div class="example"> <h2 class="example">实例</h2> <p>规定页面上所有链接的默认 URL 和默认目标：</p> <div class="example_code"> <div class="hl-main"><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">base</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">/images/</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">target</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">_blank</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">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">img</span><span class="hl-code"> </span><span class="hl-var">src</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">logo.png</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">24</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">39</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">alt</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">Stickman</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">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string"></span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">json.cn</span><span class="hl-brackets"></</span><span class="hl-reserved">a</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></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>所有主流浏览器都支持 <base> 标签。</p><hr/><h2>标签定义及使用说明</h2><p><base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。</p><p>在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。</p><hr/><h2>提示和注释</h2><p><b>提示：</b>请把 <base> 标签排在 <head> 元素中<i>第一个</i>元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。</p><p><strong>注释：</strong>如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。</p><hr/><h2>HTML 4.01 与 HTML5之间的差异</h2><p>无。</p><hr/><h2>HTML 与 XHTML 之间的差异</h2><p>在 HTML 中，<base> 标签没有结束标签。</p><p>在 XHTML 中，<base> 标签必须被正确地关闭。</p><hr/><h2>属性</h2><table class="reference"> <tbody><tr> <th align="left" width="15%">属性</th> <th align="left" width="15%">值</th> <th align="left" width="70%">描述</th> </tr> <tr> <td><a href="co-4336.html">href</a></td> <td><i>URL</i></td> <td>规定页面中所有相对链接的基准 URL。</td> </tr> <tr> <td><a href="co-4337.html">target</a></td> <td>_blank<br/> _parent<br/> _self<br/> _top<br/> <i>framename</i></td> <td>规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。</td> </tr> </tbody></table><hr/><h2>全局属性</h2><p><base> 标签支持 <a href="co-981.html">HTML 的全局属性</a>。</p><hr/><h2>事件属性</h2><p><base> 标签不支持任何的事件属性。</p><hr/><h2>相关文章</h2><p>HTML DOM 参考手册： <a href="/jiaocheng/co-1384.html">Base 对象</a></p></div> <div class="pre-and-next"> <a href="co-1010.html">上一篇： <b></a> <a href="co-1012.html" >下一篇： <basefont> </a> </div> </div>   <footer class="relative b-large-margin"></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>