跳至内容
HTML
查看在线实例
- 定义了HTML文档的标题
使用
标签定义HTML文档的标题<br />
<a target="_blank" href="https://www.runoob.com/try/try.php?filename=tryhtml_base" rel="noopener noreferrer"><base> - 定义了所有链接的URL</a><br />
使用 <base> 定义页面中所有链接默认的链接目标地址。</p>
<p><a target="_blank" href="https://www.runoob.com/try/try.php?filename=tryhtml_meta" rel="noopener noreferrer"><meta> -<br />
提供了HTML文档的meta标记</a><br />
使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。</p>
<hr>
<h2><span class="ez-toc-section" id="HTML_%E5%85%83%E7%B4%A0"></span>HTML 元素<span class="ez-toc-section-end"></span></h2>
<p>元素包含了所有的头部标签元素。在<br />
元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。</p>
<p>可以添加在头部区域的元素标签为:<br />
<title>, </p>
<style>,
<meta>, <link>,<br />
</p></form> </div><!-- #respond -->
</div><!--/#comments-->
</div>
</div>
</article><!--/.post-->
</div>
</div><!--/.content-->
<div id="move-sidebar-content"></div>
</div><!--/.main-inner-->
<footer id="footer">
<div id="footer-bottom">
<a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a>
<div class="pad group">
<div class="grid one-full">
<div id="copyright">
<p>知识节点 © 2025. 版权所有。</p>
</div><!--/#copyright-->
</div>
<div class="grid one-full">
<ul class="social-links"></ul> <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备18031912号</a>
</div>
</div><!--/.pad-->
</div><!--/#footer-bottom-->
</footer><!--/#footer-->
</div><!--/.main-->
</div><!--/#wrapper-inner-->
</div><!--/#wrapper-->
<div class="jetpack-instant-search__widget-area" style="display: none">
</div>
<div class="ez-toc-sticky">
<div class="ez-toc-sticky-fixed hide">
<div class='ez-toc-sidebar'><div class="ez-toc-sticky-title-container">
<p class="ez-toc-sticky-title">文章目录</p>
<a class="ez-toc-close-icon" href="#" onclick="ezTOC_hideBar(event)" aria-label="×"><span aria-hidden="true">×</span></a>
</div>
<div id="ez-toc-sticky-container" class="ez-toc-sticky-v2_0_54_1 counter-flat ez-toc-sticky-toggle-counter">
<nav class='ez-toc-sticky-toggle-direction'><ul class='ez-toc-sticky-list ez-toc-sticky-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="#%E6%9F%A5%E7%9C%8B%E5%9C%A8%E7%BA%BF%E5%AE%9E%E4%BE%8B" title="查看在线实例">查看在线实例</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="#HTML_%E5%85%83%E7%B4%A0" title="HTML 元素">HTML 元素</a></li></ul></nav></div>
</div>
</div>
<a class='ez-toc-open-icon' href='#' onclick='ezTOC_showBar(event)' >
<span class="arrow">←</span>
<span class="text" style="transform: rotate(0deg);">文章目录</span>
</a>
</div>
<noscript><link rel='stylesheet' id='all-css-d237c90119cc265af8b9045f925299e9' href='https://nodepad.cn/wp-content/plugins/donate-with-qrcode/assets/wbui/assets/wbui.css?m=1683882859' type='text/css' media='all' /></noscript><link rel='stylesheet' id='all-css-d237c90119cc265af8b9045f925299e9' href='https://nodepad.cn/wp-content/plugins/donate-with-qrcode/assets/wbui/assets/wbui.css?m=1683882859' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" />
<script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script><script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/nodepad.cn\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script><script type="text/javascript" src="https://nodepad.cn/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script><script type="text/javascript" id="jetpack_related-posts-js-extra">
/* <![CDATA[ */
var related_posts_js_options = {"post_heading":"h4"};
/* ]]> */
</script><script type='text/javascript' src='https://nodepad.cn/_jb_static/??7649f2a26e'></script><script type="text/javascript" id="ez-toc-scroll-scriptjs-js-after">
/* <![CDATA[ */
jQuery(document).ready(function(){document.querySelectorAll(".ez-toc-link").forEach(t=>{t=t.replaceWith(t.cloneNode(!0))}),document.querySelectorAll(".ez-toc-section").forEach(t=>{t.setAttribute("ez-toc-data-id","#"+decodeURI(t.getAttribute("id")))}),jQuery("a.ez-toc-link").click(function(){let t=jQuery(this).attr("href"),e=jQuery("#wpadminbar"),i=jQuery("header"),o=0;0>30&&(o=0),e.length&&(o+=e.height()),(i.length&&"fixed"==i.css("position")||"sticky"==i.css("position"))&&(o+=i.height()),jQuery('[ez-toc-data-id="'+decodeURI(t)+'"]').length>0&&(o=jQuery('[ez-toc-data-id="'+decodeURI(t)+'"]').offset().top-o),jQuery("html, body").animate({scrollTop:o},500)})});
/* ]]> */
</script><script type='text/javascript' src='https://nodepad.cn/_jb_static/??8a3dd895f1'></script><script type="text/javascript">
/* <![CDATA[ */
(function() {
var dropdown = document.getElementById( "cat" );
function onCatChange() {
if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) {
dropdown.parentNode.submit();
}
}
dropdown.onchange = onCatChange;
})();
/* ]]> */
</script><script>, <noscript> 和 <base>。</p>
<hr>
<p><</p>
<p>h2> HTML <title> 元素</p>
<p> <title> 标签定义了不同文档的标题。</p>
<p> <title> 在 HTML/XHTML 文档中是必需的。</p>
<p> <title> 元素:</p>
<p><</p>
<p>ul></p>
<li>定义了浏览器工具栏的标题
<li>当网页添加到收藏夹时，显示在收藏夹中的标题
<li>显示在搜索引擎结果页面的标题
<p>一个简单的 HTML 文档:</p>
<p><</p>
<p>div class="example"></p>
<p><</p>
<p>h2 class="example">实例</p>
<p><</p>
<p>div class="example_code"></p>
<p><</p>
<p>div class="hl-main">
<span class="hl-brackets"><<span class="hl-code">!<span class="hl-var">DOCTYPE<span class="hl-code"> <span class="hl-var">html<span class="hl-brackets">><span class="hl-code">
<span class="hl-brackets"><<span class="hl-reserved">html<span class="hl-brackets">><span class="hl-code">
<span class="hl-brackets"><<span class="hl-reserved">head<span class="hl-brackets">><span class="hl-code">
<span class="hl-brackets"><<span class="hl-reserved">meta<span class="hl-code"> <span class="hl-var">charset<span class="hl-code">=<span class="hl-quotes">"<span class="hl-string">utf-8<span class="hl-quotes">"<span class="hl-brackets">><span class="hl-code">
<span class="hl-brackets"><<span class="hl-reserved">title<span class="hl-brackets">><span class="hl-code">文档标题<span class="hl-brackets"></<span class="hl-reserved">title<span class="hl-brackets">><span class="hl-code">
<span class="hl-brackets"></<span class="hl-reserved">head<span class="hl-brackets">><span class="hl-code"></p>
<p><span class="hl-brackets"><<span class="hl-reserved">body<span class="hl-brackets">><span class="hl-code">
文档内容......
<span class="hl-brackets"></<span class="hl-reserved">body<span class="hl-brackets">><span class="hl-code"></p>
<p><span class="hl-brackets"></<span class="hl-reserved">html<span class="hl-brackets">>
</style>
<p>
