英文解释:
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样式文件地址"/>(使用最多!)
打开支付宝首页搜“559920739”领红包,领到大红包的小伙伴赶紧使用哦! (如果你觉得本文不错,请扫描下面二维码随意打赏哦)
最后修改:2020 年 12 月 22 日
如果觉得我的文章对你有用,请随意赞赏