学习文章目录
- 一.全局属性
- 二..meta 元信息
一.全局属性
常用的全局属性
- id
给标签指定唯一标识，注意： id 是不能重复的。
作用：可以让 label 标签与表单控件相关联；也可以与 CSS 、 JavaScript 配合使
用 - class 给标签指定类名，随后通过 CSS 就可以给标签设置样式
- style 给标签设置 CSS 样式
- dir 内容的方向，值: ltr 、 rtl
- title 给标签设置一个文字提示，一般超链接和图片用得比较多
- lang 给标签指定语言，具体规范和可选值请参考【10. HTML 设置语言】
二…meta 元信息
- 配置字符编码
<meta charset="utf-8"> - 针对 IE 浏览器的兼容性配置
<meta http-equiv="X-UA-Compatible" content="IE=edge"> - 针对移动端的配置
<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 配置网页关键字
<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语"> - 配置网页描述信息
<meta name="description" content="80字以内的一段话，与网站内容相关"> - 针对搜索引擎爬虫配置：
<meta name="robots" content="此处可选值见下表">
值 描述
index 允许搜索爬虫索引此页面。
noindex 要求搜索爬虫不索引此页面。
follow 允许搜索爬虫跟随此页面上的链接。
nofollow 要求搜索爬虫不跟随此页面上的链接。
all 与 index, follow 等价
none 与 noindex, nofollow 等价
noarchive 要求搜索引擎不缓存页面内容。
nocache noarchive 的替代名称
- 配置网页作者：
<meta name="author" content="tony"> - 配置网页生成工具
<meta name="generator" content="Visual Studio Code"> - 配置定义网页版权信息：
<meta name="copyright" content="2023-2027©版权所有"> - 配置网页自动刷新
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">
全文完
