7 HTML的Head内标签

爱好HtmlCssJs 2019-10-25

<!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相关的图标

相关推荐