7 HTML的Head内标签

发布时间：2020-07-19 13:56:41 作者：代码老兵
来源：网络阅读：193

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试标签</title>
<!--    <meta http-equiv="Refresh" Content="3">   <!–每3秒自动刷新页面–>-->
    <meta http-equiv="Refresh" Content=" 3;Url=https://www.baidu.com/"/>   <!--3秒后自动跳转到https://www.baidu.com/-->
</head>
<body>
    <div></div>
    <a href="https://www.baidu.com/">test</a>
</body>
</html>

代码：自动跳转可用于应急，比如用户访问该网站后与实际访问的内容不符时，可以利用该方式直接将页面跳转到其他网址。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试标签</title>
    <meta name="keywords" content="谷歌,搜索,搜索引擎">
    <meta name="description" content="谷歌是世界上最好用的搜索引擎">
</head>
<body>
<div></div>
<a href="https://www.baidu.com/">test</a>
</body>
</html>

代码：
keywords 是给搜索引擎用的，比如你在搜索引擎中可以通过什么关键字，搜索到你想找到的网站。
describe 是网站的描述信息

<!--在头部设置使用IE X版本模式打开-->
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8" />

代码：设置了IE9和IE8，意思是可以使用IE9或IE8打开，如果你使用的是IE9name就优先使用IE9模式（高版本）的打开，如果使用IE8浏览器就用的是IE8模式打开。

<!--设置图标类型，及图标路径-->
<link rel="shortcut icon" href="image/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/common.css">

代码：
shortcut icon设置Title中的图标；
stylesheet 设置css相关的图标

7 HTML的Head内标签

相关阅读