(前端)html与css，html 3、head标签

head标签

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>我是标题</title>
</head>

View Code

meta标签:单标签。
meta标签规范的是我们网页使用的字符集。

国际标准字库:utf-8，包含世界上所有人类语言，中文占3个字节。
国家标准字库:gb2312/gbk，包含所有简体字，大部分繁体字，一些特殊符号，片假名，中文占两个
字节。

这两种字库使用情况:

(1)网页中有大量中文，同时要求加载速度，选择gbk。
(2)制作外文网站，有少数民族语言的网站吗，或者不要求加载速度，选择utf-8
注意:规定的字符集必须与编辑软件的保存字符集类型一样，否则会出现乱码。
title标签:是一个双标签，内部书写的是网页的标题。
搜索引擎优化:SEO，提升我们的排名。
title里的文字会作为关键首先被搜索引擎抓取。

meta其他常见用法：

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 
        name指定的数据名称
        content指定的数据内容
    -->
     <!-- 
        keywords表示网站关键字，可以同时设置多个关键字，关键字之间逗号隔开。
    -->
    <meta name="keywords" content="购物，电脑,手机,美食，衣服">
    <!-- 
        description用于指定网站描述，网站的描述会显示在搜索引擎的搜索结果中
    -->
    <meta name="description" content="京东是专业购物平台。。。。。。巴拉巴拉">
    <!-- 
        <meta http-equiv="refresh" content="3,url=http://www.baidu.com">
        将页面重新定向到另一网站，3代表3秒钟后跳转，url代表想要跳转网站的链接
    -->
    <meta http-equiv="refresh" content="5,url=http://www.baidu.com">
     <!-- 
        title标签内容会作为搜索结果的超链接上文字显示
    -->
    <title></title>
</head>

View Code