转至元数据起始
HTML 元素
元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为:
, <style>, <meta>, <link>, <script>, <noscript>, and <base>.</p>
<h2 id="id-03.HTMLHead-HTML<title>元素">HTML <title> 元素</h2>
<p><title> 标签定义了不同文档的标题。</p>
<p><title> 在 HTML/XHTML 文档中是必须的。</p>
<p><title> 元素:</p>
<ul>
<li>定义了浏览器工具栏的标题</li>
<li>当网页添加到收藏夹时，显示在收藏夹中的标题</li>
<li>显示在搜索引擎结果页面的标题</li>
</ul>
<h2 id="id-03.HTMLHead-HTML<link>元素">HTML <link> 元素</h2>
<p><link> 标签定义了文档与外部资源之间的关系。</p>
<p><link> 标签通常用于链接到样式表:</p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">head</code><code class="xml plain">></code><br><code class="xml plain"><</code><code class="xml keyword">link</code> <code class="xml color1">rel</code><code class="xml plain">=</code><code class="xml string">"stylesheet"</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"text/css"</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"mystyle.css"</code><code class="xml plain">></code><br><code class="xml plain"></</code><code class="xml keyword">head</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<h2 id="id-03.HTMLHead-HTML<style>元素">HTML <style> 元素</h2>
<p><style> 标签定义了HTML文档的样式文件引用地址.</p>
<p>在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:</p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">head</code><code class="xml plain">></code><br><code class="xml plain"><</code><code class="xml keyword">style</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"text/css"</code><code class="xml plain">></code><br><code class="xml plain">body {background-color:yellow}</code><br><code class="xml plain">p {color:blue}</code><br><code class="xml plain"></</code><code class="xml keyword">style</code><code class="xml plain">></code><br><code class="xml plain"></</code><code class="xml keyword">head</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<h2 id="id-03.HTMLHead-HTML<meta>元素">HTML <meta> 元素</h2>
<p>meta标签描述了一些基本的元数据。</p>
<p><meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。</p>
<p>META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。</p>
<p>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。</p>
<p><meta> 一般放置于 <head> 区域</p>
<h2 id="id-03.HTMLHead-<meta>标签-使用实例"><meta> 标签- 使用实例</h2>
<p><strong>为搜索引擎定义关键词</strong>:</p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">meta</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"keywords"</code> <code class="xml color1">content</code><code class="xml plain">=</code><code class="xml string">"HTML, CSS, XML, XHTML, JavaScript"</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<p><strong>为网页定义描述内容</strong>:</p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">meta</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"description"</code> <code class="xml color1">content</code><code class="xml plain">=</code><code class="xml string">"免费 Web & 编程 教程"</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<p><strong>定义网页作者:</strong></p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">meta</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"author"</code> <code class="xml color1">content</code><code class="xml plain">=</code><code class="xml string">"Runoob"</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<p><strong><span class="auto-cursor-target">每30秒钟刷新当前页面:</span></strong></p>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">
<p><code class="xml plain"><</code><code class="xml keyword">meta</code> <code class="xml color1">http-equiv</code><code class="xml plain">=</code><code class="xml string">"refresh"</code> <code class="xml color1">content</code><code class="xml plain">=</code><code class="xml string">"30"</code><code class="xml plain">></code></p>
</td>
</tr>
</tbody>
</table>
<h2 id="id-03.HTMLHead-HTML<script>元素">HTML <script> 元素</h2>
<p><script>标签用于加载脚本文件，如： JavaScript。</p>
<p><script> 元素在以后的章节中会详细描述。</p>
<h2 id="id-03.HTMLHead-HTMLhead元素">HTML head 元素</h2>
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd"><head></td>
<td class="confluenceTd">定义了文档的信息</td>
</tr>
<tr>
<td class="confluenceTd"><title></td>
<td class="confluenceTd">定义了文档的标题</td>
</tr>
<tr>
<td class="confluenceTd"><base></td>
<td class="confluenceTd">定义了页面链接标签的默认链接地址</td>
</tr>
<tr>
<td class="confluenceTd"><link></td>
<td class="confluenceTd">定义了一个文档和外部资源之间的关系</td>
</tr>
<tr>
<td class="confluenceTd"><meta></td>
<td class="confluenceTd">定义了HTML文档中的元数据</td>
</tr>
<tr>
<td class="confluenceTd"><script></td>
<td class="confluenceTd">定义了客户端的脚本文件</td>
</tr>
<tr>
<td class="confluenceTd"><style></td>
<td class="confluenceTd">定义了HTML文档的样式文件</td>
</tr>
</tbody>
</table>
</div>
<!--conend-->
<div class="p-2"></div>
<div class="arcinfo my-3 fs-7 text-center">
<a href='/t/etagid263-0.html' class='tagbtn' target='_blank'>html</a>
</div>
<div class="p-2"></div>
</div>
<div class="p-2"></div>
<!--xg-->
<div class="lbox p-4 shadow-sm rounded-3">
<div class="boxtitle"><h2 class="fs-4">相关</h2></div>
<hr>
<div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-566535.html">html标签</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564642.html">HTML和CSS</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561490.html">HTML表单</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558169.html">HTML5新增</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-557384.html">Jmeter+ant实现自动生成基于HTML报告及自动发送邮件</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555707.html">Python 发送HTML格式的邮件</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555700.html">shell 拼接html table 发送邮件</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555084.html">html入门-狂神学java</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-552454.html">SAP导出报表格式XXl、XML、XLSX、MHTML选择</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-549821.html">HTML5手机APP开发入门(2)</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-548983.html">https://m.php.cn/vuejs/464077.html</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div><div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-547475.html">HTML+CSS系列:登录界面实现</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div>
<!---->
<!---->
</div>
<!--xgend-->
</div>
<div class="col-lg-3 col-12 p-0 ps-lg-2">
<!--box-->
<!--boxend-->
<!--<div class="p-2"></div>-->
<!--box-->
<div class="lbox p-4 shadow-sm rounded-3">
<div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div>
<div class="clearfix"></div>
<ul class="m-0 p-0 fs-7 r-tag">
</ul>
<div class="clearfix"></div>
</div>
<!--box end-->
</div>
</div>
</div>
</main>
<div class="p-2"></div>
<footer>
<div class="container-fluid p-0 bg-black">
<div class="container p-0 fs-8">
<p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js"></script>
</body>
</html>