HTML头部元素

91472 阅读 0 评论 0 点赞

一、HTML <head> 元素

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

二、HTML <title> 元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

（1）定义浏览器工具栏中的标题

（2）提供页面被添加到收藏夹时显示的标题

（3）显示在搜索引擎结果中的页面标题

<head>
    <meta charset="utf-8">
    <title>Dotcpp编程</title>
</head>

三、HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>&lt;base&gt;标签演示</title>
    <base href="https://www.dotcpp.com/">
</head>
<body>
    <ul>
        <li><a href="course/">首页</a></li>
        <li><a href="course/html/">HTML教程</a></li>
    </ul>
</body>
</html>

四、HTML <link> 元素

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

五、HTML <style> 元素

您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式。

六、HTML <meta> 元素

元数据（metadata）是关于数据的信息。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

针对搜索引擎的关键词

一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

下面的 meta 元素定义页面的描述：

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

下面的 meta 元素定义页面的关键词：

<meta name="keywords" content="HTML, CSS, XML" />

name 和 content 属性的作用是描述页面的内容。

七、TML <script> 元素

这个不做详细的解释了。

HTML 头部元素

标签	描述
<head>	定义关于文档的信息。
<title>	定义文档标题。
<base>	定义页面上所有链接的默认地址或默认目标。
<link>	定义文档与外部资源之间的关系。
<meta>	定义关于 HTML 文档的元数据。
<script>	定义客户端脚本。
<style>	定义文档的样式信息。