任务描述
本关任务:编写一个带有元信息的网页。
为了完成本关任务,你需要掌握: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>