<head>中一些标签的常见用法_②在头部标签<head>中,<meta>和<link>分别设置了什么?-CSDN博客

本文链接：https://blog.csdn.net/Oops_Qu/article/details/71036369

<head>中一些标签的常见用法

title标签用来设置网站标题,当其为缺省状态(未设置)时,当前网页在浏览器中显示的网站标题为文件的名称.

meta标签通常有以下四种用法

1. 设置网页编码,用于告诉浏览器当前网页的编码方式,防止乱码

    使用方法 : <meta charset="utf-8">

2. 设置网页关键字,为搜索引擎提供服务.

    使用方法 : <meta name="keywords" content="关键字1,关键字2">

注意 : 
    name="keywords"为固定写法;content的属性值为要设置的关键字,关键字之间用逗号隔开.

3. 设置网站描述信息,为搜索引擎提供服务.相应的描述信息将被显示在搜索界面的网站简介中.

    使用方法 : <meta name="description" content="网页描述内容">

以下是使用百度搜索关键字”新闻”的时候,出现的结果
news

以下是打开新浪网审查元素时的结果
sina

4. 实现网站重定向

    使用方法 : <meta http-equiv="refresh" content="3;http://www.baidu.com">

注意 : 
    content里面写了两个参数,3表示三秒后,第二个参数是要重定向到的资源位置(可以是其他域名,也可以是本地资源

link标签通常有以下两种用法

1. 引用外部样式表

    使用方法 : <link rel="stylesheet" type="text/css" href="1.css">

注意 : 
    通过link标签可同时引用多个外部css文件

2. 设置网页图标

    使用方法 : <link rel="icon" href="favicon.ico">

注意 : 
    1. href指向图片的路径,一般将图标放置在网站的根目录下,便于搜索引擎抓取.
    2. 图片不强制要求为ico文件.jpg或者png等图片格式的文件也可以.

base标签是网页默认打开方式的声明标签.

    使用方法 : <base target="_blank">