HTML讲解(二)head部分

目录

1.

2.的使用

[2.1 charset](#2.1 charset)

[2.2 name](#2.2 name)

[2.2.1 describe关键字](#2.2.1 describe关键字)

[2.2.2 keywords关键字](#2.2.2 keywords关键字)

[2.2.3 author关键字](#2.2.3 author关键字)

[2.2.4 http-equiv](#2.2.4 http-equiv)


小心!VS2022不可直接接触,否则!没这个必要,方源面色淡然一把抓住!顷刻炼化!

讲解声明:

在HTML中,<head>内容的部分可以包括以下部分

我们暂时掌握<title>,<meta>,<script>,<style>即可


1.<title>的使用

在HTML中,<title>用于定义我们的网站名,使用如下:

我们可以发现,此时网站的名字叫做 1.html ,我们可以使用<title>进行更改

html 复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>大爱仙尊</title>
</head>
<body>

</body>
</html>

使用<title>后,我们将网站名改成了大爱仙尊

2.<meta>的使用

<meta> 标签是一种用于在 HTML 文档头部提供元数据的标签。它通常位于 <head> 标签内,用于向浏览器和搜索引擎提供关于网页的信息,而不是直接展示给用户.

2.1 charset

html 复制代码
<meta charset="utf-8">

使用charset可以防止网站的中文变成乱码

2.2 name

2.2.1 describe关键字

html 复制代码
<meta name="describe" content=" ">

声明:这里的describe(描述)相当于关键字,是不需要更改的

describe 用于提供网页的简短描述,通常在搜索引擎结果中显示

content里面的内容可以修改

2.2.2 keywords关键字

keywords(关键字)用于提供与网页内容相关的关键词列表,帮助搜索引擎了解网页的主题和内容

html 复制代码
<meta name="keywords" content=" ">

2.2.3 author关键字

author 用于表示网站的作者

html 复制代码
<meta name="author" content=" ">

2.2.4 http-equiv

http-equiv 可以实现制定实现指定时间自动刷新网站/指定时间跳到其他网站

示例如下:

html 复制代码
<meta http-equiv="refresh" content="2">
//每隔2秒自动刷新网站
<meta http-equiv="refresh" content="5;https://blog.csdn.net/2301_80349538?type=blog">
//隔5秒跳转到其他网站
相关推荐
掘金安东尼5 小时前
让 JavaScript 更容易「善后」的新能力
前端·javascript·面试
掘金安东尼5 小时前
用 HTMX 为 React Data Grid 加速实时更新
前端·javascript·面试
灵感__idea7 小时前
Hello 算法:众里寻她千“百度”
前端·javascript·算法
yinuo7 小时前
轻松接入大语言模型API -04
前端
袋鼠云数栈UED团队8 小时前
基于 Lexical 实现变量输入编辑器
前端·javascript·架构
cipher8 小时前
ERC-4626 通胀攻击:DeFi 金库的"捐款陷阱"
前端·后端·安全
UrbanJazzerati8 小时前
非常友好的Vue 3 生命周期详解
前端·面试
AAA阿giao8 小时前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js
兆子龙9 小时前
像 React Hook 一样「自动触发」:用 Git Hook 拦住忘删的测试代码与其它翻车现场
前端·架构
兆子龙10 小时前
用 Auto.js 实现挂机脚本:从找图点击到循环自动化
前端·架构