7 HTML的Head内标签

时间 2020-02-02

标签 html head 标签栏目 HTML 繁體版

原文原文链接

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

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

<!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 是网站的描述信息html

<!--在头部设置使用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相关的图标ide