likes
comments
collection
share

HTML head标签

作者站长头像
站长
· 阅读数 34

head标签

首先了解html的基本结构

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

一般来说只有六个标签可以使用在head标签中，其他的都在body标签中1. title2. meta3. link4. style5. script6. base

一、title标签

设置网页的标题

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

显示在最上方HTML head标签

二、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标签

这个标签一点意义都没有，可以直接忽略，知道有这么一个标签就行了。

转载自:https://segmentfault.com/a/1190000041861438
评论
请登录