首页
互助圈
新手教程
进阶之路
算法原理
架构设计
JAVA进阶
C/C++进阶
Python进阶
JavaScript
数据库
大数据
消息服务
源码解读
JAVA源码
Spring源码
数据库
消息服务
Dubbo源码
面试指南
大厂专栏
面试技巧
面试经验
面试题库
开发资料
文档资料
工具软件
电子书籍
小牛导航
在线工具
登录
目录
查看在线实例
HTML 元素
HTML
元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('fkiray');">HTML <base> 元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('rrvdfb');">HTML <link> 元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('akwbwq');">HTML <style> 元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('xxwwcv');">HTML <meta> 元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('cfxyxq');"><meta> 标签- 使用实例</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('tayazo');">HTML <script> 元素</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('bgxiud');">HTML head 元素</a></li> </ul> </nav> </div> </div> </div> <div class="content" data-v-g=""> <div class="wzdh-v"> 当前位置： <a href="/">首页</a> > <a href="/shouce/">文档资料</a> > <a href="/shouce/1992/">HTML 基础教程</a> > </div> <div><div> <a href="/link/redirect?r=https://www.xnip.cn/biji/255610.html" target="_blank"> <img src="https://imgs.xnip.cn/imgs/index/banner.jpeg"> </a> </div></div> <div class="content-container" data-v-g=""> <main class="main" data-v-g=""> <div class="vp-doc" data-v-g=""> <div> <h1 id="content" tabindex="-1">HTML 头部</h1> <div data-v-h="" class="meta-wrapper"> <div data-v-h="" class="meta-item original"> <span data-v-h="" class="arco-tag arco-tag-size-medium arco-tag-orangered arco-tag-checked"> 优质 </span> </div> <div data-v-h="" class="meta-item"> <span data-v-h="" class="meta-content"> <i class="fa fa-user-o"></i> 小牛编辑 </span> </div> <div data-v-h="" class="meta-item"> <span data-v-h="" class="meta-content"> <i class="fa fa-eye"></i> <span>131浏览</span> </span> </div> <div data-v-h="" class="meta-item"> <i class="fa fa-clock-o"></i> <span data-v-h="" class="meta-content">2023-12-01</span> </div> <div style="margin-top: 20px"><h2 id="ekxcmx">查看在线实例</h2><p><title> - 定义了HTML文档的标题<br />使用 <title> 标签定义HTML文档的标题</p><p><base> - 定义了所有链接的URL<br />使用 <base> 定义页面中所有链接默认的链接目标地址。</p><p><meta> - 提供了HTML文档的meta标记<br />使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。</p><h2 id="iciwkw">HTML <head> 元素</h2><p><head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。</p><p>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.</p><h2 id="dqxigj">HTML <title> 元素</h2><p><title> 标签定义了不同文档的标题。</p><p><title> 在 HTML/XHTML 文档中是必须的。</p><p><title> 元素:</p><ul><li>定义了浏览器工具栏的标题</li><li>当网页添加到收藏夹时，显示在收藏夹中的标题</li><li>显示在搜索引擎结果页面的标题</li></ul><p>一个简单的 HTML 文档:</p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html><br /><h2 id="fkiray">HTML <base> 元素</h2><p><base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:</p><pre> <head> <base href="http://www.runoob.com/images/" target="_blank"> </head> </pre><h2 id="rrvdfb">HTML <link> 元素</h2><p><link> 标签定义了文档与外部资源之间的关系。</p><p><link> 标签通常用于链接到样式表:</p><pre> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> </pre><br /><h2 id="akwbwq">HTML <style> 元素</h2><p><style> 标签定义了HTML文档的样式文件引用地址.</p><p>在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:</p><pre> <head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head> </pre><br /><h2 id="xxwwcv">HTML <meta> 元素</h2><p>meta标签描述了一些基本的元数据。</p><p><meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。</p><p>META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。</p><p>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。</p><p><meta> 一般放置于 <head> 区域</p><h2 id="cfxyxq"><meta> 标签- 使用实例</h2><p>为搜索引擎定义关键词:</p><pre> <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> </pre><p>为网页定义描述内容:</p><pre> <meta name="description" content="免费 Web & 编程 教程"> </pre><p>定义网页作者:</p><pre> <meta name="author" content="Runoob"> </pre><p>每30秒钟刷新当前页面:</p><pre><meta http-equiv="refresh" content="30"> </pre><br /><h2 id="tayazo">HTML <script> 元素</h2><p><script>标签用于加载脚本文件，如： JavaScript。</p><p><script> 元素在以后的章节中会详细描述。</p><h2 id="bgxiud">HTML head 元素</h2><table><tbody><tr><th width="20%" align="left">标签</th><th width="80%" align="left">描述</th></tr><tr><td><head></td><td>定义了文档的信息</td></tr><tr><td><title></td><td>定义了文档的标题</td></tr><tr><td><base></td><td>定义了页面链接标签的默认链接地址</td></tr><tr><td><link></td><td>定义了一个文档和外部资源之间的关系</td></tr><tr><td><meta></td><td>定义了HTML文档中的元数据</td></tr><tr><td><script></td><td>定义了客户端的脚本文件</td></tr><tr><td><style></td><td>定义了HTML文档的样式文件</td></tr></tbody></table></div> </div> </div> </div> </main> <div data-v-zd="" class="copyright"> <div data-v-zd="" class="content"> <div data-v-zd="" class="item"> <span data-v-zd="">免责声明：</span> <span data-v-zd="">以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。</span> </div> </div> </div> <footer class="vcft" data-v-g="" data-v-i=""> <div class="edit-info" data-v-i=""> <div class="edit-link" data-v-i=""> <a class="vpk link edit-link-button" href="/fankui.html?type=2&id=112880" target="_blank" rel="noreferrer" data-v-i="" data-v-e=""> <span class="edit-link-icon" data-v-i=""></span>不妥之处，敬请雅正 </a> </div> <div class="last-updated" data-v-i=""> <p class="VPLastUpdated" data-v-i="" data-v-j="">最后更新: <time data-v-j="">2023-12-01</time> </p> </div> </div> <div class="prev-next" data-v-i=""> <div class="pager" data-v-i=""> <a class="pager-link" href="/shouce/1992/112879.html" data-v-i="" title="HTML 链接"> <span class="desc" data-v-i="">上一篇</span> <span class="title" data-v-i="">HTML 链接</span> </a> </div> <div class="has-prev pager" data-v-i=""> <a class="pager-link" href="/shouce/1992/112881.html" data-v-i="" title="HTML CSS"> <span class="desc" data-v-i="">下一篇</span> <span class="title" data-v-i="">HTML CSS</span> </a> </div> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">类似资料</h2> <ul class="items"> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/jiaocheng/html/12579.html" class="t-f" title="HTML 头部">HTML 头部</a> </div> <p class="item-c-main">主要内容：查看在线实例,HTML <head> 元素,HTML <title> 元素,实例,HTML <base> 元素,实例,HTML <link> 元素,实例,HTML <style> 元素,实例,HTML <meta> 元素,<meta> 标签- 使用实例,HTML <script> 元素,HTML head 元素查看在线实例 <title> - 定义了HTML文档的标题 使用 <title> 标签定义HTML文档的标题 <base> - 定义了所有链接的URL 使用 <base> 定义页</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1575/91747.html" class="t-f" title="Header 头部">Header 头部</a> </div> <p class="item-c-main">import { Header } from 'feui'; components: { [Header.name]: Header } 代码演示 基础用法 <fe-header>我是一个标题</fe-header> 自定义返回事件 <fe-header style="background-color:#f00;" @on-click-back='clickBack'</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/369/31064.html" class="t-f" title="头部栏">头部栏</a> </div> <p class="item-c-main">头部栏结构 Header structure 头部栏是处于页面顶部的工具栏，通常包含页面标题文字，文字左边和/或右边可以放置几个可选的按钮用作导航操作 标题文字一般用h1标签，但是从h1-h6都是可以的，这样可以使结构有弹性。比如说，一个页面内包含了多个"page"标记的页面，这样可以给主"page"的标题文字用h1标签，次级"page"的标题文字用h2标签。所有的头部默认下在样式上都是相同的，保</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1067/70533.html" class="t-f" title="头">头</a> </div> <p class="item-c-main">servlet 可以通过下面 HttpServletResponse 接口的方法来设置 HTTP 响应头： setHeader addHeader setHeader 方法通过给定的名字和值来设置头。前面的头会被后来的新的头替换。如果已经存在同名的头集合的值，集合中的值会被清空并用新的值替换。 addHeader 方法使用给定的名字添加一个头值到集合。如果没有头与给定的名字关联，则创建一个新的集合</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1067/70513.html" class="t-f" title="头">头</a> </div> <p class="item-c-main">通过下面的 HttpServletRequest 接口方法，servlet 可以访问 HTTP 请求的头信息： getHeader getHeaders getHeaderNames getHeader 方法返回给定头名称的头。多个头可以具有相同的名称，例如HTTP 请求中的 Cache-Control 头。如果多个头的名称相同，getHeader方法返回请求中的第一个头。 getHeaders </p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1768/99729.html" class="t-f" title="1.3.3 HTML头部">1.3.3 HTML头部</a> </div> <p class="item-c-main">head元素用于定义文档的头部信息，出现在 <head>...</head> 标签之间的内容，是文档的头部信息。头部定义的内容不会在浏览器窗口的正文部分显示出来。 head元素比较特殊，只有一些特定的标签才允许放在 <head> 标签内，它们分别是 <title>、<base>、<meta>、<scirpt>、<link>、<style>，接下来对这些标签进行分别介绍。<h4 id=" 标签"><</p> </div> </li> </ul> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">相关阅读</h2> <a href="/wenda/330585.html" target="_blank" title="HttpClient标头与HttpRequestMessage标头" class="card-item-v list-item-dot">HttpClient标头与HttpRequestMessage标头</a><a href="/shouce/632/47350.html" target="_blank" title="IP 头" class="card-item-v list-item-dot">IP 头</a><a href="/shouce/1313/80304.html" target="_blank" title="1.5.5 头部压缩" class="card-item-v list-item-dot">1.5.5 头部压缩</a><a href="/shouce/1574/91718.html" target="_blank" title="Navbar 头部导航" class="card-item-v list-item-dot">Navbar 头部导航</a><a href="/biji/91954.html" target="_blank" title="Swift箭头" class="card-item-v list-item-dot">Swift箭头</a><a href="/wenda/195922.html" target="_blank" title="码头：NoClassDefFoundError" class="card-item-v list-item-dot">码头：NoClassDefFoundError</a><a href="/shouce/1190/75990.html" target="_blank" title="头信息" class="card-item-v list-item-dot">头信息</a><a href="/shouce/632/47345.html" target="_blank" title="回头客" class="card-item-v list-item-dot">回头客</a><a href="/shouce/713/52623.html" target="_blank" title="子头（Subheaders）" class="card-item-v list-item-dot">子头（Subheaders）</a><a href="/shouce/920/62802.html" target="_blank" title="Avatar 头像" class="card-item-v list-item-dot">Avatar 头像</a><a href="/shouce/910/62379.html" target="_blank" title="PageHeader 页头" class="card-item-v list-item-dot">PageHeader 页头</a><a href="/shouce/910/62367.html" target="_blank" title="Avatar 头像" class="card-item-v list-item-dot">Avatar 头像</a><a href="/shouce/904/62038.html" target="_blank" title="PageHeader 页头" class="card-item-v list-item-dot">PageHeader 页头</a><a href="/shouce/904/62029.html" target="_blank" title="Avatar 头像" class="card-item-v list-item-dot">Avatar 头像</a><a href="/shouce/455/36559.html" target="_blank" title="摄像头" class="card-item-v list-item-dot">摄像头</a><a href="/shouce/455/36438.html" target="_blank" title="摄像头" class="card-item-v list-item-dot">摄像头</a><a href="/shouce/994/67058.html" target="_blank" title="刺儿头" class="card-item-v list-item-dot">刺儿头</a><a href="/jiaocheng/ionic/13458.html" target="_blank" title="ionic 头部和底部" class="card-item-v list-item-dot">ionic 头部和底部</a><a href="/jiaocheng/ionic/13437.html" target="_blank" title="ionic 头部与底部" class="card-item-v list-item-dot">ionic 头部与底部</a><a href="/shouce/1228/77609.html" target="_blank" title="1.4.5.4 HTTP头部清理" class="card-item-v list-item-dot">1.4.5.4 HTTP头部清理</a><a href="/shouce/1228/77608.html" target="_blank" title="1.4.5.3 HTTP头部操作" class="card-item-v list-item-dot">1.4.5.3 HTTP头部操作</a><a href="/shouce/1964/111472.html" target="_blank" title="ionic 头部和底部" class="card-item-v list-item-dot">ionic 头部和底部</a><a href="/shouce/1964/111451.html" target="_blank" title="ionic 头部与底部" class="card-item-v list-item-dot">ionic 头部与底部</a><a href="/wenda/146080.html" target="_blank" title="RabbitMQ/AMQP支架接头和接头盖" class="card-item-v list-item-dot">RabbitMQ/AMQP支架接头和接头盖</a><a href="/jiaocheng/http/16698.html" target="_blank" title="HTTP-常见请求头和响应头" class="card-item-v list-item-dot">HTTP-常见请求头和响应头</a><a href="/wenda/323592.html" target="_blank" title="git检查参考/头/主分离头" class="card-item-v list-item-dot">git检查参考/头/主分离头</a><a href="/tiku/235370.html" target="_blank" title="无头/ CLI LibGDX" class="card-item-v list-item-dot">无头/ CLI LibGDX</a><a href="/tiku/177898.html" target="_blank" title="设置HTTP头" class="card-item-v list-item-dot">设置HTTP头</a><a href="/tiku/208348.html" target="_blank" title="Android ListView标头" class="card-item-v list-item-dot">Android ListView标头</a><a href="/tiku/188197.html" target="_blank" title="Python-Firefox无头" class="card-item-v list-item-dot">Python-Firefox无头</a><a href="/shouce/2031/115321.html" target="_blank" title="Camera 摄像头" class="card-item-v list-item-dot">Camera 摄像头</a><a href="/wenda/341287.html" target="_blank" title="LaravelAPI头请求" class="card-item-v list-item-dot">LaravelAPI头请求</a> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">开发工具</h2> <a href="/ruanjian/35438.html" target="_blank" title="大块头微信消息" class="card-item-v-gj list-item-dot">大块头微信消息</a><a href="/ruanjian/11308.html" target="_blank" title="flash 头像上传裁剪预览" class="card-item-v-gj list-item-dot">flash 头像上传裁剪预览</a><a href="/ruanjian/22712.html" target="_blank" title="优酷客户端底部导航" class="card-item-v-gj list-item-dot">优酷客户端底部导航</a> </div> </footer> </div> </div> </div> </div> </div> <div class="footer v-footer"> <span>@小牛知识库 xnip.cn </span> </div> </div> </div> </body> <script src="https://imgs.xnip.cn/highlight/highlight.min.js"></script> <script src="https://imgs.xnip.cn/highlight/clipboard.min.js"></script> <script src="https://imgs.xnip.cn/last.js"></script> <script type="text/javascript"> var id = 112880; $id('xbaid').scrollTop = $id('id_' + id).offsetTop - 300; </script> </html>
