定义
<meta>
标签用于描述页面内容,关键词,作者,最新修订时间以及其它元信息。
<meta>
标签的内容不会显示在网页中
,但经常被机器(比如网页爬虫)解析
。
元信息可以被浏览器(指导它如何加载和显示页面)所使用,也可以有利于搜索引擎收录页面(指定关键词)。
HTML5 通过 <meta> 标签引入一个新的方法,让网页尺寸实现自适应。
注意
<meta>
标签永远位于 <head>
标签内部。
content
属性必须和 name
或 http-equiv
属性共存亡。
为了让网页尺寸实现自适应
,你应该在 HTML 文档中加入下面代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
部分属性
name
常于content
属性连用
name 相关值
- application-name:当前页所属 Web 应用系统的名称。
- author:当前页的作者名。
- description:当前页的内容描述。
- generator:用来生成 HTML 的软件名称。
- keywords:当前页的关键词。
- viewport:网页尺寸自适应。
实例
实例一:指定网页编码
<meta charset="UTF-8">
实例二:为搜索引擎提供关键词
<meta name="keywords" content="大数据技术,技术博客,技术分析,大数据开发,爬虫开发,大数据男孩,个人博客,可视化,bigdataboy,爬虫项目">
实例三:描述网页内容
<meta name="description" content="网络让我接近世界,但也让我远离生活~ 一个学习大数据的小白博主">
实例四:定义网页的作者
<meta name="author" content="大数据男孩">
实例五:设置网页尺寸自适应
<meta name="viewport" content="width=device-width, initial-scale=1.0">
实例六:每 5 秒刷新一下浏览器并跳转到指定页面
<meta http-equiv="refresh" content="5;https://bigdataboy.cn/">
版权声明:《 HTML5 之 meta 标签 》为明妃原创文章,转载请注明出处!
最后编辑:2020-4-23 10:04:55