关于html5:HTML-head标签

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

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

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据