HTML---------页面元素标签<meta/>的使用
<meta/>标签用于定义页面的元信息(不会显示在页面中),可重复出现在<head>头部标签中
(1) <meta name=”名称” content=”值” />
在<meta/>标签中使用name和content属性可以为搜索引擎提供信息,其中name属性用于提供搜索内容的名字,content属性提供对应搜索内容值
- 设置网页关键词,例如某图片网站设置:
<meta name=”keywords” content=”彼岸图库,免费素材下载”>
Name属性的值为keywords,用于定义搜索内容名称为网页关键字,content属性的值用于定义关键字的具体内容,多个关键字内容之间可用”,“分割
- 设置网页描述,例如某图片网站描述信息设置:
<meta name=”description” content=”彼岸图库,免费素材下载你值得拥有”>
Name属性的值为description,用于定义搜索内容名称为网页描述,content属性的值用于定义描述的具体内容
- 设置网页作者,例如可为网站增加作者信息:
1 | <meta name=”author” content=”网络部”> |
Name属性的值为author,用于定义搜索内容名称为网页作者,content属性的值用于定义具体作者信息
(2)<meta http-equiv=”名称” content=”值”>
在<meta/>标签中使用http-equiv和content属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数标准。其中,http-equiv属性提供参数类型,content属性提供对应的参数值。默认会发送<meta http-equiv=”Content-Type” content=”text/html”/>
- 设置字符集,例如某图片官网字符集的设置:
<meta http-equiv=”Content-Type” content=”text/html; charset=gbk” />
这段代码用于说明当前文档类型为HTML,字符集为gbk(中文编码)。目前国际化字符集编码格式使utf-8,常见的国内中文字符集编码格式主要是gbk和gbk2312。当用户使用的字符集编码不匹配当前浏览器时,网页内容就会出现乱码。
在HTML5中简化了字符集的写法
<meta charset=”utf-8” />
- 设置页面自动刷新和跳转,例如定义某个页面10秒后跳转至百度
<meta http-equiv=”refresh” content=”10;url=https://www.baidu.com/” />
其中,http-equiv属性的值为refresh,content属性的值为数值和url地址,中间用”;”隔开,用于指定在特定的时间后跳转至目标页面,该时间某认以秒为单位。
参考文献:网页制作案例教程第二版
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话