英文解释:
head:头部;
title:标题;
link:引入外部文件;
rel:定义当前文档和被链接文档的关系;
type:定义被链接文档的mime类型;
href:定义被链接文档的路径;
image:图片;
name:关键字名称;
keywords:关键字;(复数)
description:描述;
content:描述的具体内容;
refresh:刷新;
url:网址;
stylesheet:样式表。
演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>深入了解 HTML 文档头部中的内容</title>
<link rel="icon" type="image/x-icon" href="https://www.hrkkid.com/usr/ads/hrkkid/favicon.ico"/>
<!-- <link rel="icon" type="image/jpeg" href="*.jpg"/> -->
<!-- <link rel="icon" type="image/png" href="*.png"/> -->
<!-- <link rel="icon" type="image/gif" href="*.gif"/> -->
<meta name="keywords" content="关键字1,关键字2,关键字3,......"/><!-- 不超过5个 -->
<meta name="description" content="描述的具体内容"/><!-- 不超过100字 -->
<meta http-equiv="refresh" content="5;url=https://www.hrkkid.com" /><!-- 5秒后跳转到网站:https://www.hrkkid.com -->
<style type="text/css">/* 定义样式 */
body{
font-size: 40px;
}
</style>
<link rel="stylesheet" type="text/css" href="*.css"/><!-- 引入样式 -->
</head>
<body>
主题:深入了解 HTML 文档头部中的内容
</body>
</html>
具体解释:
head:<head></head>之间的内容定义文档头部的内容;
title:<title></title>之间的内容定义浏览器标题栏里显示的文档标题;
标题栏图标设置:
1,网站根目录下放一个名称:favicon.ico
图片文件。浏览器会自动显示在标题栏;
2,通过link引入*.ico
图片文件,比如:<link rel="icon" type="image/x-icon" href="https://www.hrkkid.com/usr/ads/hrkkid/favicon.ico"/>
;
3,使用jpg或png或gif作为标题栏图标:
使用jpg作为标题栏图标:<link rel="icon" type="image/jpeg" href="*.jpg"/>
使用png作为标题栏图标:<link rel="icon" type="image/png" href="*.png"/>
使用gif作为标题栏图标:<link rel="icon" type="image/gif" href="*.gif"/>
关键字名称和内容:
<meta name="keywords" content="关键字1,关键字2,关键字3,......"/><!-- 建议不超过5个 -->
<meta name="description" content="描述的具体内容"/><!-- 建议描述的具体内容不超过100字 -->
页面的刷新:
<meta http-equiv="refresh" content="多少秒后跳转" />
<meta http-equiv="refresh" content="5" />
页面的跳转:
<meta http-equiv="refresh" content="多少秒后跳转;url=跳转的地址" />
<meta http-equiv="refresh" content="5;url=https://www.hrkkid.com" />
定义样式:
<style type="text/css">
css样式内容
</style>
引入样式:
<link rel="stylesheet" type="text/css" href="*.css样式文件地址"/>(使用最多!)