HTML4

HTML 初体验

1.鼠标右键 => 新建 => 文本文档 => 输入以下内容，并生存
2.修改后缀为 .html ，然后双击打开即可
这里的后缀名，使用 .htm 也可以，但保举使用更尺度的 .html
<marquee>尚硅谷，让天下没有难学的技能！</marquee>
3.步调员写的叫 源代码，要交给欣赏器举行渲染
4.借助欣赏器看网页的 源代码：
在网页空缺处：鼠标右键 ==> 查察网页源代码
HTML 标签

1. 标签 又称 元素，是HTML的根本构成单元。
2. 标签分为：双标签 与 单标签 （绝大多数都是双标签）。
3. 标署名不区分巨细写，但保举小写，由于小写更规范。
4. 双标签：
<marquee>尚硅谷，让天下没有难学的技能！</marquee>
5.单标签：
<input>
6. 标签之间的关系：并列关系、嵌套关系，可以使用 tab 键举行缩进：
HTML 标签属性

1. 用于给标签提供 附加信息。
2. 可以写在：起始标签 或 单标签中

2. <marquee loop="1" bgcolor="orange">尚硅谷，让天下没有难学的技术！</marquee>
3. <input type="password">

复制代码

3.有些特别的属性，没有属性名，只有属性值
<input disabled>
注：
1. 差别的标签，有差别的属性；也有一些通用属性（在任何标签内都能写，反面会具体
总结）。
2. 属性名、属性值不能乱写，都是W3C规定好的
3. 属性名、属性值，都不区分巨细写，但保举小写
4. 双引号，也可以写成单引号，以致不写都行，但还是保举写双引号
5. 标签中不要出现同名属性，否则后写的会失效
比方：<input type="text" type="password">
HTML 根本布局

1.在网页中，查察某段布局的具体代码，点击鼠标右键，选择“查抄”
2.【查抄】 和 【查察网页源代码】的区别：
1.【查察网页源代码】看到的是：步调员编写的源代码
2.【查抄】看到的是：颠末欣赏器 “处理处罚” 后的源代码
注：一样寻常开发中，【查抄】用的最多
3. 网页的 根本布局 如下：
1. 想要出现在网页中的内容写在 body 标签中
2. head 标签中的内容不会出现在网页中
3. head 标签中的 title 标签可以指定网页的标题
表明

1.特点：表明的内容会被欣赏器所忽略，不会出现到页面中，但源代码中依然可见
2. 作用：对代码举行表明和阐明
3. 表明不可以嵌套
HTML 文档声明

1. 作用：告诉欣赏器当前网页的版本
2. 写法：
旧写法：要依网页所用的HTML版本而定，写法有很多
具体写法 ：W3C官网-文档声明
3. 注意：文档声明，必须在网页的第一行，且在 html 标签的外侧
HTML 字符编码

1. 盘算机对数据的操纵：
存储时，对数据举行：编码
读取时，对数据举行：解码
2. 编码、解码，会依照肯定的规范 —— 字符集
3. 字符集有很多中，常见的有（相识）：
1. ASCII ：大写字母、小写字母、数字、一些符号，共计128个
2. ISO 8859-1 ：在 ASCII 根本上，扩充了一些希腊字符等，共计是256个
3. GB2312 ：继承扩充，收录了 6763 个常用汉字、682个字符
4. GBK ：收录了的汉字和符号到达 20000+ ，支持繁体中文
5. UTF-8 ：包罗天下上全部语言的：全部笔墨与符号。—— 很常用
4. 使用原则
原则1：存储时，务必采取符合的字符编码 ，否则无法存储，数据会丢失
原则2：存储时采取哪种方式编码 ，读取时就采取哪种方式解码，否则数据繁芜（乱码）
5. 总结：
寻常编写代码时，同一采取 UTF-8 编码。
为了让欣赏器在渲染 html 文件时，不犯错误，可以通过 meta 标签共同 charset 属性指
定字符编码

2. <head>
3. <meta charset="UTF-8"/>
4. </head>

复制代码

HTML 设置语言

1. 重要作用：
让欣赏器体现对应的翻译提示
有利于搜刮引擎优化
2. 具体写法：
3. 扩展知识： lang 属性的编写规则（作为一个课外扩展知识，相识即可）
1. 第一种写法（ 语言-国家/地区 ）
zh-CN ：中文-中国大陆（简体中文）
zh-TW ：中文-中国台湾（繁体中文）
zh ：中文
en-US ：英语-美国
en-GB ：英语-英国
2. 第二种写法（ 语言—具体种类）已不保举使用
zh-Hans ：中文—简体
zh-Hant ：中文—繁体
3. W3School 上的阐明：《语言代码参考手册》、《国家/地区代码参考手册》
4. W3C官网上的阐明：《Language tags in HTML》
HTML尺度布局

2. <!DOCTYPE html>
3. <html lang="zh-CN">
4. <head>
5. <meta charset="UTF-8">
6. <title>我是一个标题</title>
7. </head>
8. <body>
9. </body>
10. </html>

复制代码

输入 ！ ，随后回车即可快速天生尺度布局
HTML 根本

开发者文档

W3C官网： www.w3c.org
W3School： www.w3school.com.cn
MDN： developer.mozilla.org —— 寻常用的最多。
排版标签

标署名	标签寄义	单/双标签
h1-h6	标题	双
p	段落	双
div	没有寄义，用作包装袋	双

h1 最好写一个， h2~h6 能得当多写
h1~h6 不能相互嵌套，比方： h1 标签中最好不要写 h2 标签了
p 标签它内里不能有： h1~h6 、 p 、 div 标签
语义化标签

概念：用特定的标签，去表达特定的寄义。
原则：标签的默认效果不紧张（后期可以通过 CSS 恣意控制效果），语义最紧张
举例：对于 h1 标签，效果是笔墨很大（不紧张），语义是网页重要内容（很紧张）
上风：
代码布局清楚可读性强。
有利于 SEO（搜刮引擎优化）
方便装备分析（如屏幕阅读器、瞽者阅读器等）
块级元素 与 行内元素

1. 块级元素：独占一行（排版标签都是块级元素）
2. 行内元素：不独占一行（现在只学了： input ，稍后会学习更多）
3. 使用原则：
块级元素 中能写 行内元素 和 块级元素（块级元素中险些什么都能写）
行内元素 中能写 行内元素，但不能写块级元素
一些特别的规则：
h1~h6 不能相互嵌套
p 中不要写块级元素
文本标签_常用的

1. 用于包裹：词汇、短语等
2. 通常写在排版标签内里
3. 排版标签更宏观（大段的笔墨），文本标签更微观（词汇、短语）
4. 文本标签通常都是行内元素

标署名	标签语义	单/双标签
em	要偏重阅读的内容	双
strong	非常紧张的内容（语气比em要强）	双
span	没有语义，用于包裹短语的通用容器	双

文本标签_不常用的

1. 这些不常用的文本标签，编码时不消过于纠结
2. blockquote 与 address 是块级元素，其他的文本标签，都是行内元素
3. 有些语义感不强的标签，很少使用
small 、 b 、 u 、 q 、 blockquote
4. HTML标签太多 ，有些比力紧张
h1~h6 、 p 、 div 、 em 、 strong 、 span
图片标签

根本使用

标署名	标签语义	常用属性	单/双标签
img	图片	src ：图片路径（又称：图片所在）—— 图片的具体位置                         alt ：图片形貌                         width ：图片宽度，单元是像素，比方： 200px 或 200                         height ：图片高度， 单元是像素，比方： 200px 或                         200	单

总结：
1. 像素（ px ）是一种单元，学到 CSS 时，我们会具体讲授
2. 只管差别时修改图片的宽和高，大概会造成比例失调
3. 临时以为 img 是行内元素（学到 CSS 时，会熟悉一个新的元素分类，现在咱们只知道：
块、行内）
4. alt 属性的作用：
搜刮引擎通过 alt 属性，得知图片的内容。—— 最重要的作用
当图片无法展示时间，有些欣赏器会出现 alt 属性的值
瞽者阅读器会朗读 alt 属性的值
路径的分类

相对路径：

以当前位置作为参考点，去创建路径

注：
相对路径中的 ./ 可以省略不写
相对路径依靠的是当前位置，后期若调解了文件位置，那么文件中的路径也要修改
绝对路径

以根位置作为参考点，去创建路径
1. 当地绝对路径： E:/a/b/c/奥特曼.jpg （较少使用）
2. 网络绝对路径： http://www.atguigu.com/images/index_new/logo.png
注：
使用当地绝对路径，一旦更换装备，路径处理处罚起来比力贫困，以是很少使用
使用网络绝对路径，确实方便，但要注意：若服务器开启了防盗链，会造成图片引入
失败
常见图片格式

1. jpg 格式：
概述：扩展名为 .jpg 或 .jpeg ，是一种有损的压缩格式（把肉眼不轻易观察出来的细节抛弃了）
重要特点：支持的颜色丰富、占用空间较小、不支持透明配景、不支持动态图
使用场景：对图片细节没有极高要求的场景，比方：网站的产物宣传图等 —— 该格式网 页中很常见
2. png 格式：
概述：扩展名为 .png ，是一种无损的压缩格式，可以或许更高质量的生存图片
重要特点：支持的颜色丰富、占用空间略大、支持透明配景、不支持动态图
使用场景：①想让图片有透明配景；②想更高质量的出现图片；比方 ：公司logo图、紧张配图等
3. bmp 格式：
概述：扩展名为 .bmp ，不举行压缩的一种格式，在最洪流平上生存图片更多的细节
重要特点：支持的颜色丰富、生存的细节更多、占用空间极大、不支持透明配景、不支持动 态图
使用场景：对图片细节要求极高的场景，比方：一些大型游戏中的图片 （网页中很少使用）
4. gif 格式：
概述：扩展名为 .gif ，仅支持256种颜色，色彩出现不是很完备
重要特点：支持的颜色较少、支持简朴透明配景、支持动态图
使用场景：网页中的动态图片
5. webp 格式：标署名
概述：扩展名为 .webp ，谷歌推出的一种格式，专门用来在网页中出现图片
重要特点：具备上述几种格式的长处，但兼容性不太好，一旦使用务须要办理兼容性题目
使用场景：网页中的各种图片
6. base64 格式
本质：一串特别的文本，要通过欣赏器打开，传统看图应用通常无法打开
原理：把图片举行 base64 编码，形成一串文本
怎样天生：靠一些工具或网站
怎样使用：直接作为 img 标签的 src 属性的值即可，而且不受文件位置的影响。
使用场景：一些较小的图片，大概须要和网页一起加载的图片
超链接

重要作用：从当前页面举行跳转
可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定应用

标署名	标签语义	常用属性	单/双标签
a	超链接	href ： 指定要跳转到的具体目标                         target ： 控制跳转时怎样打开页面，常用值如下:                         _self ：在本窗口打开                         _blank ：在新窗口打开                         id ： 元素的唯一 标识，可用于设置锚点                         name ： 元素的名字，写在 a 标签中，也能设置锚点	双

跳转到页面

2. <!-- 跳转其他网页 -->
3. <a href="https://www.jd.com/" target="_blank">去京东</a>
4. <!-- 跳转本地网页 -->
5. <a href="./10_HTML排版标签.html" target="_self">去看排版标签</a>

复制代码

注：
代码中的多个空格、多个回车，都会被欣赏器分析成一个空格
固然 a 是行内元素，但 a 元素可以包裹除它自身外的任何元素
跳转到文件

2. <!-- 浏览器能直接打开的文件 -->
3. <a href="./resource/自拍.jpg">看自拍</a>
4. <a href="./resource/小电影.mp4">看小电影</a>
5. <a href="./resource/小姐姐.gif">看小姐姐</a>
6. <a href="./resource/如何一夜暴富.pdf">点我一夜暴富</a>
7. <!-- 浏览器不能打开的文件，会自动触发下载 -->
8. <a href="./resource/内部资源.zip">内部资源</a>
9. <!-- 强制触发下载 -->
10. <a href="./resource/小电影.mp4" download="电影片段.mp4">下载电影</a>

复制代码

注1：若欣赏器无法打开文件，则会引导用户下载
注2：若想欺压触发下载，请使用 download 属性，属性值即为下载文件的名称
跳转到锚点

什么是锚点？—— 网页中的一个标记点
具体使用方式：
第一步：设置锚点

2. <!-- 第一种方式：a标签配合name属性 -->
3. <a name="test1"></a>
4. <!-- 第二种方式：其他标签配合id属性 -->
5. <h2 id="test2">我是一个位置</h2>

复制代码

注：
具有 href 属性的 a 标签是超链接，具有 name 属性的 a 标签是锚点
name 和 id 都是区分巨细写的，且 id 最好别是数字开头
第二步：跳转锚点

2. <!-- 跳转到test1锚点-->
3. <a href="#test1">去test1锚点</a>
4. <!-- 跳到本页面顶部 -->
5. <a href="#">回到顶部</a>
6. <!-- 跳转到其他页面锚点 -->
7. <a href="demo.html#test1">去demo.html页面的test1锚点</a>
8. <!-- 刷新本页面 -->
9. <a href="">刷新本页面</a>
10. <!-- 执行一段js,如果还不知道执行什么，可以留空，javascript:; -->
11. <a href="javascript:alert(1);">点我弹窗</a>

复制代码

唤起指定应用

通过a标签，可以唤起装备应用步调

2. <!-- 唤起设备拨号 -->
3. <a href="tel:10010">电话联系</a>
4. <!-- 唤起设备发送邮件 -->
5. <a href="mailto:[email protected]">邮件联系</a>
6. <!-- 唤起设备发送短信 -->
7. <a href="sms:10086">短信联系</a>

复制代码

列表

有序列表

2. <h2>要把大象放冰箱总共分几步</h2>
3. <ol>
4.   <li>把冰箱门打开</li>
5.   <li>把大象放进去</li>
6.   <li>把冰箱门关上</li>
7. </ol>

复制代码

无序列表

2. <h2>我想去的几个城市</h2>
3. <ul>
4.   <li>成都</li>
5.   <li>上海</li>
6.   <li>西安</li>
7.   <li>武汉</li>
8. </ul>

复制代码

列表嵌套

概念：列表中的某项内容，又包罗一个列表（注意：嵌套时，请务必把解构写完备）

2. <h2>我想去的几个城市</h2>
3. <ul>
4.   <li>成都</li>
5.   <li>
6.     <span>上海</span>
7.     <ul>
8.       <li>外滩</li>
9.       <li>杜莎夫人蜡像馆</li>
10.       <li>
11.         <a href="https://www.opg.cn/">东方明珠</a>
12.       </li>
13.       <li>迪士尼乐园</li>
14.     </ul>
15.   </li>
16.   <li>西安</li>
17.   <li>武汉</li>
18. <ul>

复制代码

注： li 标签最好写在 ul 或 ol 中，不要单独使用
自界说列表

1. 概念：所谓自界说列表，就是一个包罗术语名称以及术语形貌的列表
2. 一个 dl 就是一个自界说列表，一个 dt 就是一个术语名称，一个 dd 就是术语形貌（可以有多个）

2. <h2>如何高效的学习？</h2>
3. <dl>
4.   <dt>做好笔记</dt>
5.   <dd>笔记是我们以后复习的一个抓手</dd>
6.   <dd>笔记可以是电子版，也可以是纸质版</dd>
7.   <dt>多加练习</dt>
8.   <dd>只有敲出来的代码，才是自己的</dd>
9.   <dt>别怕出错</dt>
10.   <dd>错很正常，改正后并记住，就是经验</dd>
11. </dl>

复制代码

表格

根本布局

一个完备的表格由：表格标题、表格头部、表格主体、表格脚注，四部门构成
表格涉及到的标签：
table ：表格
caption ：表格标题
thead ：表格头部
tfoot ：表格注脚
tr ：每一行
th 、 td ：每一个单元格（备注：表格头部中用 th ，表格主体、表格脚注中用： td ）

具体编码：

2. <table border="1">
3.   <!-- 表格标题 -->
4.   <caption>学生信息</caption>
5.   <!-- 表格头部 -->
6.   <thead>
7.     <tr>
8.       <th>姓名</th>
9.       <th>性别</th>
10.       <th>年龄</th>
11.       <th>民族</th>
12.       <th>政治面貌</th>
13.     </tr>
14.   </thead>
15.   <!-- 表格主体 -->
16.   <tbody>
17.     <tr>
18.       <td>张三</td>
19.       <td>男</td>
20.       <td>18</td>
21.       <td>汉族</td>
22.       <td>团员</td>
23.     </tr>
24.     <tr>
25.       <td>李四</td>
26.       <td>女</td>
27.       <td>20</td>
28.       <td>满族</td>
29.       <td>群众</td>
30.     </tr>
31.     <tr>
32.       <td>王五</td>
33.       <td>男</td>
34.       <td>20</td>
35.       <td>回族</td>
36.       <td>党员</td>
37.     </tr>
38.     <tr>
39.       <td>赵六</td>
40.       <td>女</td>
41.       <td>21</td>
42.       <td>壮族</td>
43.       <td>团员</td>
44.     </tr>
45.   </tbody>
46. <!-- 表格脚注 -->
47. <tfoot>
48.     <tr>
49.       <td></td>
50.       <td></td>
51.       <td></td>
52.       <td></td>
53.       <td>共计：4人</td>
54.       </tr>
55.   </tfoot>
56. </table>

复制代码

常用属性

注：
1. <table> 元素的 border 属性可以控制表格边框，但 border 值的巨细，并不控制单元格边框的宽度只能控制表格最外侧边框的宽度，这个题目怎样办理？—— 后期靠 CSS 控制
2. 默认环境下，每列的宽度，得看这一列单元格最长的谁人笔墨
3. 给某个 th 或 td 设置了宽度之后，他们所在的那一列的宽度就确定了
4. 给某个 th 或 td 设置了高度之后，他们所在的那一行的高度就确定了
跨行跨列

rowspan ：指定要跨的行数
colspan ：指定要跨的列数
常用标签增补

根本布局

标署名	标签语义	常用属性	单/双标签
form	表单	action ：用于指定表单的提交所在（须要与后端职员沟通后确定）                         target ：用于控制表单提交后，怎样打开页面，常用值如下：                         _self ：在本窗口打开                         _blank ：在新窗口打开                         method ：用于控制表单的提交方式，临时只需相识	双
input	输入框	type ：设置输入框的范例，现在用到的值是 text ，表现寻常文本                         name ：用于指定提交数据的名字，（须要与后端职员沟通后确定）	单
button	按钮		双

2. <form action="https://www.baidu.com/s" target="_blank" method="get">
3.     <input type="text" name="wd">
4.     <button>去百度搜索</button>
5. </form>

复制代码

常用表单控件

① 文本输入框

2. <input type="text">

复制代码

常用属性如下：
name 属性：数据的名称
value 属性：输入框的默认输入值
maxlength 属性：输入框最大可输入长度
② 暗码输入框

2. <input type="password">

复制代码

常用属性如下：
name 属性：数据的名称
value 属性：输入框的默认输入值（一样寻常不消，偶尔义）
maxlength 属性：输入框最大可输入长度
③ 单选框

2. <input type="radio" name="sex" value="female">女
3. <input type="radio" name="sex" value="male">男

复制代码

常用属性如下：
name 属性：数据的名称，注意：想要单选效果，多个 radio 的 name 属性值要保持同等
value 属性：提交的数据值
checked 属性：让该单选按钮默认选中
④ 复选框

2. <input type="checkbox" name="hobby" value="smoke">抽烟
3. <input type="checkbox" name="hobby" value="drink">喝酒
4. <input type="checkbox" name="hobby" value="perm">烫头

复制代码

常用属性如下：：
name 属性：数据的名称
value 属性：提交的数据值
checked 属性：让该复选框默认选中

2. <input type="checkbox" name="hobby" value="smoke">抽烟
3. <input type="checkbox" name="hobby" value="drink">喝酒
4. <input type="checkbox" name="hobby" value="perm">烫头

复制代码

⑤ 隐蔽域

2. <input type="hidden" name="tag" value="100">

复制代码

用户不可见的一个输入地区，作用是： 提交表单的时间，携带一些固定的数据
name 属性：指定命据的名称
value 属性：指定的是真正提交的数据
⑥ 提交按钮

2. <input type="submit" value="点我提交表单">
3. <button>点我提交表单</button>

复制代码

1. button 标签 type 属性的默认值是 submit
2. button 不要指定 name 属性
3. input 标签编写的按钮，使用 value 属性指定按钮笔墨
⑦ 重置按钮

2. <input type="reset" value="点我重置">
3. <button type="reset">点我重置</button>

复制代码

注：
1. button 不要指定 name 属性
2. input 标签编写的按钮，使用 value 属性指定按钮笔墨
⑧ 寻常按钮

2. <input type="button" value="普通按钮">
3. <button type="button">普通按钮</button>

复制代码

注：寻常按钮的 type 值为 button ，若不写 type 值是 submit 会引起表单的提交
⑨文本域

2. <textarea name="msg" rows="22" cols="3">我是文本域</textarea>

复制代码

常用属性如下：
rows 属性：指定默认体现的行数，会影响文本域的高度
cols 属性：指定默认体现的列数，会影响文本域的宽度
不能编写 type 属性，其他属性，与寻常文本输入框同等
⑩ 下拉框

2. <select name="from">
3. <option value="黑">黑龙江</option>
4. <option value="辽">辽宁</option>
5. <option value="吉">吉林</option>
6. <option value="粤" selected>广东</option>
7. </select>

复制代码

常用属性及注意事项：
1. name 属性：指定命据的名称
2. option 标签设置 value 属性， 假如没有 value 属性，提交的数据是 option 中心的笔墨；假如设置了 value 属性，提交的数据就是 value 的值（发起设置 value 属性）
3. option 标签设置了 selected 属性，表现默认选中
禁用表单控件

给表单控件的标签设置 disabled 既可禁用表单控件
input 、 textarea 、 button 、 select 、 option 都可以设置 disabled 属性
label 标签

label 标签可与表单控件相干联，关联之后点击笔墨，与之对应的表单控件就会获取核心
两种与 label 关联方式如下：
让 label 标签的 for 属性的值便是表单控件的 id 。
把表单控件套在 label 标签的内里。
fieldset 与 legend 的使用（相识）

fieldset 可以为表单控件分组、 legend 标签是分组的标题

2. <fieldset>
3.   <legend>主要信息</legend>
4.   <label for="zhanghu">账户：</label>
5.   <input id="zhanghu" type="text" name="account" maxlength="10"><br>
6.   <label>
7.     密码：
8.     <input id="mima" type="password" name="pwd" maxlength="6">
9.   </label>
10.   <br>
11.   性别：
12.   <input type="radio" name="gender" value="male" id="nan">
13.   <label for="nan">男</label>
14.   <label>
15.     <input type="radio" name="gender" value="female" id="nv">女
16.   </label>
17. </fieldset>

复制代码

表单总结

框架标签

标署名	功能和语义	属性	单/双标签
iframe	框架	name ：框架名字，可以与 target 属性共同                         width ： 框架的宽                         height ： 框架的高度                         frameborder ：是否体现边框，值：0大概1

iframe 标签的现实应用：
在网页中嵌入广告
与超链接或表单的 target 共同，展示差别的内容
HTML实体

在 HTML 中我们可以用一种特别的情势的内容，来表现某个符号，这种特别情势的内容，就是 HTML 实体。比如小于号 < 用于界说 HTML 标签的开始。假如我们盼望欣赏器准确地体现这些字符，我们必须在 HTML 源码中插入字符实体
字符实体由三部门构成：一个 & 和 一个实体名称（大概一个 # 和 一个实体编号），末了加上一 个分号 ;
常见字符实体

HTML全局属性

常见全局属性：

属性名	寄义
id	给标签指定唯一标识，注意： id 是不能重复的。                         作用：可以让 label 标签与表单控件相干联；也可以与 CSS 、 JavaScript 共同使                         用
class	给标签指定类名，随后通过 CSS 就可以给标签设置样式
style	给标签设置 CSS 样式
dir	内容的方向，值: ltr 、 rtl
title	给标签设置一个笔墨提示，一样寻常超链接和图片用得比力多
lang	给标签指定语言，具体规范和可选值请参考【10. HTML 设置语言】

meta 元信息

1. 设置字符编码

2. <meta charset="utf-8">

复制代码

2. 针对 IE 欣赏器的兼容性设置。

2. <meta http-equiv="X-UA-Compatible" content="IE=edge">

复制代码

3. 针对移动端的设置

2. <meta name="viewport" content="width=device-width, initial-scale=1.0">

复制代码

4. 设置网页关键字

2. <meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">

复制代码

5. 设置网页形貌信息

2. <meta name="description" content="80字以内的一段话，与网站内容相关">

复制代码

6. 针对搜刮引擎爬虫设置

2. <meta name="robots" content="此处可选值见下表">

复制代码

值	形貌
index	允许搜刮爬虫索引此页面
noindex	要求搜刮爬虫不索引此页面
follow	允许搜刮爬虫跟随此页面上的链接
nofollow	要求搜刮爬虫不跟随此页面上的链接
all	与 index, follow 等价
none	与 noindex, nofollow 等价
noarchive	要求搜刮引擎不缓存页面内容
nocache	noarchive 的更换名称。

7. 设置网页作者：

2. <meta name="author" content="tony">

复制代码

8. 设置网页天生工具

2. <meta name="generator" content="Visual Studio Code">

复制代码

9. 设置界说网页版权信息：

2. <meta name="copyright" content="2023-2027©版权所有">

复制代码

10. 设置网页主动革新

2. <meta http-equiv="refresh" content="10;url=http://www.baidu.com">

复制代码