EduCoder-Web程序设计基础 -web编程训练-html5-文档头部-第2关：元信息的设置-CSDN博客

本文链接：https://blog.csdn.net/weixin_51402180/article/details/121598516

任务描述

本关任务：编写一个带有元信息的网页。

为了完成本关任务，你需要掌握：1.的作用，2.的属性及用法。

meta标签的作用
meta标签用于定义页面的元信息，可重复出现再头部标签中。它是单标签，通过“名称/值”的形式成对使用其属性。
meta标签主要分为两大类，一类对页面进行设置，另一类对搜索引擎进行设置。

对页面进行设置的格式：
对搜索引擎进行设置的格式：
http-equiv/content
http-equiv/content属性对用于设置刷新、失效期、 cookie等页面信息。
http-equiv/content属性取值
用法示例：

页面停留20秒后跳转到www.educoder.net

网页于2020年7月26号8点过期

设置cookie并进行页面缓存

name/content
http-equiv/content属性对用于设置关键字、简介、作者、机器人向导、版权、编辑器等。
name/content

用法示例：

用于标注网页的作者和Email

为搜索引擎提供网站简介

为搜索引擎提供关键字

为搜索引擎提供编辑器类型

为搜索引擎提供提供最新版本信息

编程要求

根据提示，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.在之间为浏览器提供10秒后跳转至百度首页https://www.baidu.com/的元信息；
2.在之间为浏览器设置页面失效期，失效时间是2021年12月31日8点整(注意时间格式，其星期要按照实际值)；
3.在之间为搜索引擎设置网页关键词，关键词分别为“前端”、“元信息”、“网页跳转”、“失效期”、“搜索关键词”（请按此顺序列出关键词）。

测试说明

补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。需要说明的是由于测试的要求，标签属性取值要加西文双引号，所有标签和属性使用小写字符。失效日期中“星期”和“月份”的英文缩写首字母大写。

人之所能，是相信自己能，并尽其所能，祝你成功！

代码示例

<!DOCTYPE html>
<html>
 <head>
    <title>设置标题</title>
  <meta charset="utf-8"/>
  <!-- ********* Begin ********* -->
  <meta http-equiv="refresh" content="10;url=https://www.baidu.com/"/>
  <meta http-equiv="expires" content="Fri,31 Dec 2021 08:00:00 GMT"/>
  <meta name="keywords" content="前端,元信息,网页跳转,失效期,搜索关键词"/>
  <!-- ********* End ********* -->
 </head>
 <body>
  <h1 align="center">元信息的设置</h1>  
 </body> 
</html>