您的位置：首页 > Web前端 > HTML

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

2017-04-30 20:56 274 查看

今天主要介绍,title\meta\link\base四种标签的常见用法

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

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

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

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

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

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

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

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

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

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

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

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">

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航