HTML-全局属性/meta元信息
2025-08-22 本文已影响0人
大炮打小鸟
全局属性
就是什么标签都能写的属性；
常用的全局属性：
| 属性名 | 含义 |
|---|---|
id |
给标签制定唯一标识，注意：id是不能重复的；作用：可以让label标签与表单控件相关联；也可以与 CSS、JavaScript配合使用。注意：不能在以下 HTML元素中使用：<head>、<html>、<meta>、<script>、<style>、<title>。 |
class |
给标签制定类名，随后通过CSS就可以给标签设置样式。 |
style |
给标签设置CSS样式。 |
dir |
内容的方向（比如：bdo）或内容位于哪侧（比如：div），值：ltr、rtl。注意：不能在以下 HTML元素中使用：<head>、<html>、<meta>、<script>、<style>、<title>。 |
title |
给标签设置一个文字提示，一般超链接和图片用的比较多。 |
lang |
给标签制定语言，具体规范和可选值请参考【10、HTML设置语言】。 注意：不能在以下 HTML元素中使用：<head>、<meta>、<script>、<style>、<title>。 |
完整的全局列表，请参考：全局属性-HTML（超文本标记语言）MDN
meta元信息
1、配置字符编码
<meta charset="UTF-8">
2、针对IE浏览器的一个兼容性设置
<meta http-equiv="X-UA-Compatible" content="IE-edge">
3、针对移动端的一个配置
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4、配置网页关键字 8-12个以英文逗号隔开的单词或词语
<meta name="keywords" content="我,你,他">
5、配置网页的描述信息 80字以内的一段话，与网页内容相关
<meta name="description" content="网页描述信息">
6、针对搜索引擎爬虫设置
<meta name="robots" content="内容见表">
| 值 | 描述 |
|---|---|
index |
允许搜索爬虫索引此页面 |
noindex |
要求搜索爬虫不索引此页面 |
follow |
允许搜索爬虫跟随此页面上的链接 |
nofollow |
要求搜索爬虫不跟随此页面上的链接 |
all |
与index、follow等价 |
none |
与noindex、nofollow等价 |
noarchive |
要求搜索引擎不缓存页面内容 |
nocache |
noarchive的替代名称 |
7、配置网页作者
<meta name="author" content="tony">
8、配置网页生成工具
<meta name="generator" content="VSCode">
9、配置定义网页版权信息
<meta name="copyright" content="2025-2030©版权所有">
10、配置网页自动刷新 打开网页有10秒钟跳转其他网页 跳转后无法进行后退
<meta http-equiv="refresh" content="10:url=http://www.baidu.com">
完整的网页元信息，请参考：文档级元数据元素 MDN
