乐趣区

关于html5:HTML-head标签

jiezi

head 标签

首先理解 html 的根本构造

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

一般来说只有六个标签能够应用在 head 标签中，其余的都在 body 标签中
1. title
2. meta
3. link
4. style
5. script
6. base

一、title 标签

设置网页的题目

<!DOCTYPE html>
<html>
<head>
    <title> 这是一个题目 </title>
</head>
<body>
</body>
</html>

显示在最上方

二、meta 标签

用于定义页面的非凡信息
在 meta 中有两个重要的属性：name 和 http-equiv.

1、name
<!DOCTYPE html>
<html>
<head>
    <!---->
    <!-- 关键字 -->
    <meta  name="keywords" content="keywords" />
    <!-- 页面形容 -->
    <meta  name="description" content="开心的学习 HTML" />
    <!-- 作者 -->
    <meta  name="author" content="YapMiracle" />
    <!-- 版权申明 -->
    <meta  name="copyright" content="不可剽窃" />
</head>
<body>
</body>
</html>

只须要记住 keywords，和 description 这两个就够了

2、http-equiv

他次要有两个作用：定义网页所应用的编码；定义网页主动刷新跳转。

1、比方定义编码是 UTF-8:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

为了确保关上的页面不呈现乱码，最好都加上

2、定义网页主动刷新跳转。

<!DOCTYPE html>
<html>
<head>
    <!---->
    <!-- 关键字 -->
    <meta  name="keywords" content="keywords" />
    <!-- 页面形容 -->
    <meta  name="description" content="开心的学习 HTML" />
    <!-- 作者 -->
    <meta  name="author" content="YapMiracle" />
    <!-- 版权申明 -->
    <meta  name="copyright" content="不可剽窃" />
    <meta  http-equiv="refresh" content="6;url=http://www.baidu.com"/>
</head>
<body>
    <p> 在六秒后跳转到百度页面 </p>
</body>
</html>

这段代码定义了一个 6 秒后跳转到百度页面的性能，其实很多广告就是这样子设计的。

三、link 标签

在 HTML 中，link 标签用于引入内部款式文件（CSS 文件）。我这里是借鉴了其余中央的代码，我也还没有学到这个中央。
语法：

<!DOCTYPE html>
<html >
<head>
    <link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
</body>
</html>

四、style 标签

在 HTML 中，style 标签用于定义元素的 CSS 款式，在 HTML 中不须要深入研究. 我这里也是借鉴了其余中央的代码，我也还没有学到这个中央。
语法：

<!DOCTYPE html>
<html >
<head>
    <style type="text/css">
        /* 这里写 CSS 款式 */
    </style>
</head>
<body>
</body>
</html>

五、script 标签

在 HTML 中，script 标签用于定义页面的 JavaScript 代码，也能够引入内部 JavaScript 文件。在 JavaScript 局部中会学习到，我这里是借鉴了其余中央的代码，我也还没有学到这个中央。
语法：

<!DOCTYPE html>
<html >
<head>
    <script>
        /* 这里写 JavaScript 代码 */
    </script>
</head>
<body>
</body>
</html>

六、base 标签

这个标签一点意义都没有，能够间接疏忽，晓得有这么一个标签就行了。

退出移动版