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

任务描述

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

为了完成本关任务,你需要掌握: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> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值