本文主要讲解“如何使用html5的头标”。本文的解释简单明了，易学易懂。接下来，请跟随边肖的思路，深入其中，一起学习和学习“如何使用html5的头标”！
html5的头标有：1。“头”；2、“标题”；3、“基础”；4、“链接”；5、“风格”；6、“元”；7、“剧本”；8、无脚本.
本教程操作环境：windows7系统，HTML5第5版，戴尔G3电脑。
html5的头部标记
1、head标签
头标签是所有头标签的容器。这些头标用来定义关于HTML文档的元数据(描述数据的数据)和所需资源的引用(如CSS样式文件和JavaScript脚本文件)，对于在浏览器中正确显示文档起着非常重要的作用。根据我们的需求，我们可以在HTML头中定义大量的元数据，也可以定义很少或根本不定义元数据。虽然标题标签是HTML文档的一部分，但其内容不会显示在浏览器中。
头
.
/2、title 标签负责人
标题标签用于定义HTML文档的标题。只有包含标题标签的文档才能被视为有效的HTML文档。此外，一个HTML文档中只允许有一个标题标签，标题标签必须放在头标签中。
请注意，标题标签中只允许包含纯文本内容，不允许包含其他HTML标签。
标题标签的主要功能如下：
在浏览器标题栏或任务栏中显示标题；
向收藏夹(书签)添加页面时提供标题；
在搜索结果中显示页面标题。
下面的示例演示如何在HTML文档中使用标题标签：
头
metachartset=’ utf-8 ‘
标题-教程_手册_视频-免费php在线学习平台/标题
/headtitle标记的内容必须与当前文档相关，并且不能太长。请尽量将中文页面保持在30个字符以内(包括空格)。
3、base 标签
基本标签用于为页面中的所有相关链接指定基本链接。设置基本链接后，当前页面中的所有相对链接都将使用此基本链接作为前缀，如下例所示：
！DOCTYPEhtml
超文本标记语言
头
metachartset=’ utf-8 ‘
标题lt。basegt。演示文稿/标题
basehref=’https://www.yisu.com/’
/head
身体
保险商实验所
Liahref=’course.html ‘视频教程/a/li
Liahref=’课程/类型/3.html ‘入门教程/a/li
gt;
</ul>
</body>
</html>
上面的示例中第一个 <li> 标签中的超链接会被解析为“https://www.yisu.com/course.html”，第二个 <li> 中的超链接会被解析为“https://www.yisu.com/course/type/3.html”。
注意，HTML 文档中的 <base> 标签必须出现在任何引用外部资源的标签之前，而且一个 HTML 文档中仅允许定义一个 <base> 标签。
4、<link> 标签
<link> 标签经常用于引用外部 CSS 样式表，<link> 标签中包含两个主要的属性，分别是 rel 和 href。rel 属性用来指示引用文件的类型，href 属性用来设置外部文件的路径。示例代码如下：
<head> <title>此处书写标题</title> <link rel="stylesheet" href="common.css"> </head>
HTML <head> 标签中可以包含任意数量的 <link> 标签。
5、<style>标签
使用 <style> 标签可以在 HTML 文档中嵌入 CSS 样式，需要注意的是在 <style> 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下：
<head>
<title>此处书写标题</title>
<style>
body { background-color: YellowGreen; }
h2 { color: red; }
p { color: green; }
</style>
</head>
注意：对于文档中的唯一样式可以使用 <style> 标签，但对于在多个文档中通用的样式，使用外部样式表更为合适。关于在 HTML 中嵌入 CSS 的更多内容，请转到《HTML嵌入CSS样式（四种方法）》。
6、<meta> 标签
<meta> 标签用于提供有关 HTML 文档的元数据，例如页面有效期、页面作者、关键字列表、页面描述等信息。<meta> 标签定义的数据并不会显示在页面上，但却会被浏览器解析。
1) 定义字符集
<meta charset="UTF-8">
charset 属性用来指定 HTML 文档的字符编码，上面的示例中，我们将文档的字符编码设置为了“UTF-8”。
2) 定义页面描述
<meta name="description" content="提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！">
定义页面的描述信息有利于搜索引擎的搜索。
<title> 标签定义文档标题，name="description" 定义文档描述，描述的长度通常大于标题。
3) 定义关键字
<meta name="keywords" content="php教程,php入门教程,php视频教程,php源码下载,php手册">
关键字用于为搜索引擎提供与页面有关的信息。
4) 定义页面作者
<meta name="author" content="">
通过某些内容管理系统可以自动提取作者信息。
5) 刷新页面
<meta http-equiv="refresh" content="30">
上例中的代码用于向浏览器发送一个指令，使浏览器在经过指定的时间间隔（30 秒）后自动刷新页面。在 content 属性中除了可以指定时间间隔外，还可以再指定一个链接，这时页面将在指定的时间后重定向到链接所指向的页面，如下例所示：
<meta http-equiv="refresh" content="10; url=https://www.yisu.com/">
7、<script> 标签
<script> 标签用于定义 JavaScript 脚本，示例代码如下：
<head>
<title></title>
<script>
document.write("")
</script>
</head>
8、<noscript> 标签
当用户的浏览器不支持 JavaScript 脚本或者禁用 JavaScript 脚本时，可以在 <noscript> 标签中定义一些内容来替代不能运行的 JavaScript 脚本或者给用户一些提示。除了 <script> 标签外，在 <noscript> 标签中可以包含任何 HTML 元素，如下例所示：
<head> <title></title> <noscript> <p>您的浏览器不支持 JavaScript 或者您禁用了 JavaScript，请<a href="https://www.yisu.com/">点击这里</a>了解如何启用 JavaScript。</p> </noscript> </head>
感谢各位的阅读，以上就是“html5的头部标记怎么使用”的内容了，经过本文的学习后，相信大家对html5的头部标记怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/149834.html
