7 HTML的Head內標籤

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

相關文章
相關標籤/搜索