HTML(三)文档标题,元数据

个人理解:标题滚动特效,当标题内容过长时,字符的不断替换达成滚动效果。

解释:

合并了视频中的示例:通过setInterval()循环了指定次数,次数满足后清除定时器,并赋值指定的标题替换,而不满足if条件时,触发roll函数,将参数title的值传入;

每一次触发roll函数,将通过subtring()方法,两次提取当前参数的值,组成新的字符串,如第一次传入的值为:【您有6条新消息】这是我的第一个网页,那么subtring(1,titleText.length),获取到的值为:您有6条新消息】这是我的第一个网页,而substring(0,1)获取到的值为:【,那么新组成的字符串为:您有6条新消息】这是我的第一个网页【,同时,该新组成的字符串赋值替换了原值,所以,第二次执行循环的时候,参数的值已经变成新替换的值了,并依次循环执行新参数且替换标题,最终达成循环滚动的效果。

再提升一点:

能不能达成新消息时的数字提升变动的同时标题在滚动,比如:您有1条新消息,下一次就变成您有2条新消息?

解释:

思路是在课后作业的基础上,将每次循环的percent插入字符串中,我的想法是初始化一个字符串也就是起始的显示,然后传入roll函数后,按上面一段的方式组成新的字符串,组成新的之后,使用正则匹配提取出新字符串中的数字,通过split()方法,以提取到的数字为界限,将新字符串分割成2个数组,然后将新的数字pencent插入,组成叠加数字后的新字符串,依次循环达到数字变动,且标题滚动的特效。

split(),以括号中的内容为界限,分割成多个数组。

元数据

元数据也就是meta元素主要用于描述文档,除了全局属性,还有以下四个属性:charset,content,name,http-equiv;

  • charest:描述了当前文档所用的字符编码,推荐使用UTF-8,写在第一行;

  • content:为name或http-equiv属性提供了相关值的定义;

  • name常用的有以下属性:

  1. description:描述文档内容,是一段文字

  2. keywords:描述文档内容,是一个一个的关键字

  3. viewport:移动界面使用

  4. application-name:如果是一个web应用,定义web应用名称

  5. author:文档的作者

  6. generator:生成文档的软件名称

  7. referrer:防盗链接使用

  • http-equiv:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值