wap网站代码,网站建设的平台分析,替换wordpress管理路径,做动画的动作库网站一 meta标签
1、背景#xff1a;发现自带某些请求头2、本文没有实际的生产应用场景,仅仅作为技术积累
① meta标签含义
1、metadata: 元数据,是用于描述数据的数据,它不会显示在页面上,但是机器却可以识别2、应用场景#xff1a; [1]、SEO搜索引擎优化[2]、定义页面使用…一 meta标签
1、背景发现自带某些请求头2、本文没有实际的生产应用场景,仅仅作为技术积累
① meta标签含义
1、metadata: 元数据,是用于描述数据的数据,它不会显示在页面上,但是机器却可以识别2、应用场景 [1]、SEO搜索引擎优化[2]、定义页面使用语言[3]、自动刷新并指向新的页面[4]、实现网页转换时的动态效果[5]、控制页面缓存3、本文只讲解几个重点属性 http-equiv meta 标签 ② charset
meta charsetutf-8 / ③ content
1、每5秒钟刷新一下当前页面meta http-equivrefresh content5; /2、3s后页面重定向 -- Refresh响应头meta http-equivrefresh content3;urlhttps://www.wzj.com /3、强调当有http-equiv或name属性的时候,一定要有content属性对其进行说明 ④ http-equiv 重点
1、http-equiv顾名思义,相当于http的文件头作用作用它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容备注与之对应的属性值为content,content中的内容其实就是各个参数的变量值2、语法 meta http-equiv参数 content参数变量值3、http-equiv 属性可用于模拟一个 HTTP 响应头4、常见值content-security-policy、content-type、default-style、refresh5、疑惑content-language、expire、set-cookie可以使用吗? -- 已废弃 meta http-equivContent-Security-Policy contentscript-src self1、网页只信任并加载同域资源2、等价于Content-Security-Policy: default-src self; 分割线 meta http-equivContent-Type contenttext/html; charsetgb2312 / http-equiv响应头相关
⑤ name
1、name与content一起使用2、name表示元数据的名称[key],后者是元数据的值[value]3、meta name参数 content具体的描述 -- 了解即可4、name 暂时只需要关注referrer即可 常见的name值
⑥ 优先级
http-equiv 还是 HTTP 响应 header优先
1、思考浏览器meta charset和response中content type的优先级2、http-equiv 这个属性就是对应 HTTP response headers 里面的备注[1]、初衷是让不能比如没有权限设定服务器 响应头 header 的站点[2]、可以通过它来告知浏览器一些页面内容的相关信息3、引申后者的优先级更高 -- 待验证
⑦ 案例讲解
在html中使用script标签注意事项