网站建设空间是指什么,账号权重查询入口,网站制作的预算,知名网站用的技术一、#x1f4bb;计算机基础 #x1f31f;艾伦麦席森图灵#x1f31f; ⚔️ 二战时期#xff0c;破译了德军的战争编码——英格玛。 #x1f54a;️ 让二战提前2年结束#xff0c;拯救了上千万人的生命。 #x1f3c6; 设立图灵奖#xff0c;被后人誉为#xff1a;计算机基础 艾伦·麦席森·图灵 ⚔️ 二战时期破译了德军的战争编码——英格玛。 ️ 让二战提前2年结束拯救了上千万人的生命。 设立图灵奖被后人誉为人工智能之父。 约翰·冯·诺依曼 制订了现代计算机标准——冯诺依曼体系结构。 提出计算机要采用二进制、明确计算机组成部分。 被后人誉为现代计算机之父。
1.分类
类别项目/内容️ 硬件中央处理器 (CPU): 负责处理计算机中的各种指令和数据。存储器- 内存: 暂时性存储读写速度快。容量有4GB、8GB、16GB、32GB等。- ️ 硬盘: 持久化存储容量较大如512GB、1TB、2TB等1024GB 1TB。输入设备- 键盘: 用于输入文本和命令。- ️ 鼠标: 用于控制光标和进行选择操作。输出设备- 音箱: 输出音频信息。- ️ 显示器: 显示图像和文字信息。 软件系统软件- Windows- Linux- Mac- Harmony应用软件- 哔哩哔哩: 视频平台- 微信: 社交通讯工具- 美图秀秀: 图像编辑软件- 腾讯视频: 视频播放平台
2.应用软件架构
类别子类别项目/内容 应用软件C/S 架构- 哔哩哔哩 - 微信 - 美图秀秀 - 腾讯视频特点: • 需要安装 • ⏳ 偶尔更新 • ️ 不跨平台B/S 架构- ️ 英雄联盟 - After Effects - 航天相关 - ️ 军事相关特点: • ✅ 无需安装 • ✅ 无需更新 • 可跨平台说明: 大型专业应用、安全性要求较高的应用还要采用C/S架构: 应用软件 C/S: Client/Server客户端/服务器 B/S: Browser/Server浏览器/服务器
3.浏览器内核
浏览器内核备注 Chrome Blink- 早期使用WebKit内核现在使用Blink内核。 Safari WebKit- 使用WebKit内核。 IE Trident- 使用Trident内核。 Firefox Gecko- 使用Gecko内核。 Opera Blink- 早期使用Presto内核已放弃维护现在使用Blink内核。 ️ 常用快捷键
Ctrl Shift K删除当前行
Shift Alt ↑ / ↓向上/向下复制当前行
鼠标滚轮 移动鼠标 或 Alt 鼠标点击 选中某一列并修改该列内容。 不动鼠标时可按 ↑ / ↓ 移动光标。 HTML 标签使用规范
h1 到 h6 标签 不能嵌套使用
p 标签中 不允许出现 h 标签 p 标签中 不允许出现 div 标签
ol有序列表和 ul无序列表可以互相嵌套使用
⚙️ 属性简写规则 如果 属性名 和 属性值 相同可以简写为只写属性名。
示例input required required 可以简写为 input required 二、语义化标签 HTML 标签语义化原则 核心思想
标签的默认效果不重要可以通过 CSS 修改。 标签的语义最重要体现内容结构和含义。 举例说明
h1标签
默认效果文字很大 ➜ ❌ 不重要 语义网页的主要标题 ➜ ✅ 非常重要
优势:
优势点说明✅ 代码结构清晰、可读性强使用语义化标签可以让开发者更容易理解页面结构。 有利于 SEO搜索引擎优化搜索引擎能更好地理解页面内容提升搜索排名。 方便设备解析如屏幕阅读器、盲人阅读器等辅助设备能更准确地解析内容提升无障碍访问体验。
三、块级元素和行内元素 HTML 元素分类与嵌套规则
类型特点示例 块级元素独占一行通常用于构建页面结构div, p, h1~h6, ul, ol 等 行内元素不独占一行用于页面内的小内容展示input, span, a, strong, em 等
⚙️ 嵌套使用规则
规则编号嵌套说明示例✅合法 / ❌非法Rule 1✅ 块级元素中可以包含行内元素和块级元素divpinput/p/div ✅Rule 2❌ 行内元素中不能包含块级元素spandiv非法/div/span ❌Rule 3❌ h1 ~ h6 标签之间不能互相嵌套h1h2标题/h2/h1 ❌Rule 4❌ p 标签中不要写块级元素pdiv不推荐/div/p ❌ 小结
块级元素能包“一切”块行内常用于布局。
行内元素只能包行内不能放块级适合包裹文字、链接等。
特殊限制
h1~h6 不能互相嵌套。
p 标签中不要放入块级元素。 四、文本标签
分类说明 用途用于包裹 词汇、短语 等小段文字内容 使用位置通常写在 排版标签如 p、div、h1~h6里面 内容粒度相比排版标签更微观 ✅ 排版标签大段文字宏观 ✅ 文本标签词汇短语微观️ 元素类型大多数是 行内元素不会独占一行 ✅ 总结一句话 排版标签负责整体结构文本标签聚焦细节内容文本标签通常是行内元素适合包裹词汇和短语。 常用文本标签
标签名标签语义单/双标签em 要着重阅读的内容双strong⚠️ 十分重要的内容语气比em要强双span 没有语义用于包裹短语的通用容器双 生活中的例子 大包装袋: div 小包装袋: span 不常用的文本标签
标签名标签语义单/双标签cite 作品标题书籍、歌曲、电影、电视节目、绘画、雕塑双dfn 特殊术语或专属名词双del ins❌ 删除的文本 【与】 ✅ 插入的文本双sub sup⬇️ 下标文字 【与】 ⬆️ 上标文字双code 一段代码双samp 从正常的上下文中将某些内容提取出来例如标识设备输出双kbd⌨️ 键盘文本表示文本是通过键盘输入的经常用在与计算机相关的手册中双abbr 缩写最好配合上 title 属性双bdo 更改文本方向要配合 dir 属性可选值: ltr默认值、rtl双var 标记变量可以与 code 标签一起使用双small 附属细则例如包括版权、法律文本。--- 很少使用双b️ 摘要中的关键字、评论中的产品名称。--- 很少使用双i 本意是人物的思想活动、所说的话等等。 现在多用于呈现字体图标后面要讲的内容。双u❌ 与正常内容有反差文本例如错的单词、不合适的描述等。--- 很少使用双q 短引用 --- 很少使用双blockquote 长引用 --- 很少使用双address 地址信息双 备注 这些不常用的文本标签编码时不用过于纠结酌情而定不用也没毛病。 blockquote 与 address 是块级元素其他的文本标签都是行内元素。 有些语义感不强的标签我们很少使用例如 smallbuqblockquote HTML标签太多了记住那些重要的、语义感强的标签即可截止目前有这些 h1~h6pdivemstrongspan 五、图片标签
5.1图片标签
标签名标签语义常用属性单/双标签img️ 图片- src: 图片路径又称图片地址--- 图片的具体位置 - alt: 图片描述 - width: 图片宽度单位是像素例如: 200px 或 200 - height: 图片高度单位是像素例如: 200px 或 200单 总结 单位说明 像素 (px) 是一种单位学到 CSS 时我们会详细讲解。 修改建议 ⚠️ 尽量不同时修改图片的宽和高可能会造成比例失调。 元素分类 暂且认为 img 是行内元素学到 CSS 时会认识一个新的元素分类目前咱们只知道块、行内。 alt 属性的作用 搜索引擎通过 alt 属性得知图片的内容。--- 最主要的作用。 ️ 当图片无法展示时候有些浏览器会呈现 alt 属性的值。 盲人阅读器会朗读 alt 属性的值。 5.2 路径的分类
1.相对路径 定义以当前位置作为参考点去建立路径。
符号含义./同级/下一级../上一级
2.绝对路径 定义以根位置作为参考点去建立路径。
类型示例说明本地绝对路径E:/a/a.jpg很少使用网络绝对路径http://www.atguigu.com/images/index_new/logo.png 注意点
使用本地绝对路径一旦更换设备路径处理起来比较麻烦所以很少使用。 使用网络绝对路径确实方便但要注意若服务器开启了防盗链会造成图片引入失败。 总结
路径类型定义示例特点与注意事项相对路径以当前位置作为参考点./, /, ../- ./ 可省略 - 文件位置变动需修改路径绝对路径以根位置作为参考点本地、网络绝对路径- 本地路径少用 - 网络路径需注意防盗链 5.3图片格式概述与特点
格式扩展名概述主要特点使用场景jpg.jpg 或 .jpeg是一种有损的压缩格式把肉眼不容易观察出来的细节丢弃了。- 支持的颜色丰富 - 占用空间较小 - 不支持透明背景 - 不支持动态图对图片细节没有极高要求的场景例如网站的产品宣传图等。--- 该格式网页中很常见。png.png是一种无损的压缩格式能够更高质量的保存图片。- 支持的颜色丰富 - 占用空间略大 - 支持透明背景 - 不支持动态图想让图片有透明背景想更高质量的呈现图片例如公司logo图、重要配图等。bmp.bmp不进行压缩的一种格式在最大程度上保留图片更多的细节。- 支持的颜色丰富 - 保留的细节更多 - 占用空间极大 - 不支持透明背景 - 不支持动态图对图片细节要求极高的场景例如一些大型游戏中的图片。网页中很少使用gif.gif仅支持256种颜色色彩呈现不是很完整。- 支持的颜色较少 - 支持简单透明背景 - 支持动态图网页中的动态图片。webp.webp谷歌推出的一种格式专门用来在网页中呈现图片。- 兼具上述几种格式的优点 - 兼容性不太好需解决兼容性问题网页中的各种图片。base64N/A一串特殊的文本要通过浏览器打开传统看图应用通常无法打开。- 把图片进行 base64 编码形成一串文本 - 直接作为 img 标签的 src 属性值 - 不受文件位置影响一些较小的图片或者需要和网页一起加载的图片。 总结 jpg 格式适用于对图片细节没有极高要求的场景如网站产品宣传图因其占用空间小且颜色丰富。 png 格式适用于需要透明背景或高质量图片的场景如公司logo和重要配图虽然占用空间略大但支持透明背景。 bmp 格式适用于对图片细节要求极高的场景如大型游戏中的图片尽管占用空间极大但能保留更多细节。 gif 格式适用于网页中的动态图片支持简单透明背景和动态图但色彩呈现有限。 webp 格式适用于网页中的各种图片具备多种优点但兼容性需注意webp支持动态图。 base64 格式适用于一些较小的图片或需要与网页一起加载的图片不受文件位置影响。 六、超链接
1. 跳转到页面
标签属性
标签名标签语义常用属性单/双标签a超链接href双 href: 要跳转的具体位置。 target: 跳转时如何打开页面常用值如下 _self: 在本页签中打开。 _blank: 在新页签中打开。
示例代码
!-- 跳转到其他网页 --
a hrefhttps://www.jd.com/ target_blank 去京东/a
!-- 跳转到本地网页 --
a href./10_HTML排版标签.html target_self 去看排版标签/a
注意点 代码中的多个空格、多个回车都会被浏览器解析成一个空格 虽然 a 是行内元素但 a 元素可以包裹除它自身外的任何元素 2. 跳转到文件
示例代码
!-- 浏览器能直接打开的文件 --
a href./resource/自拍.jpg 看自拍/a
a href./resource/小电影.mp4 看小电影/a
a href./resource/小姐姐.gif 看小姐姐/a
a href./resource/如何一夜暴富.pdf 点我一夜暴富/a
!-- 浏览器不能打开的文件会自动触发下载 --
a href./resource/内部资源.zip 内部资源/a
!-- 强制触发下载 --
a href./resource/小电影.mp4 download电影片段.mp4 下载电影/a
⚠️注意点 若浏览器无法打开文件则会引导用户下载。 若想强制触发下载请使用 download 属性属性值即为下载文件的名称。 3. 唤起指定应用
示例代码
!-- 唤起设备拨号 --
a hreftel:10010 电话联系/a
!-- 唤起设备发送邮件 --
a hrefmailto:10010qq.com✉️ 邮件联系/a
!-- 唤起设备发送短信 --
a hrefsms:10086 短信联系/a
⚠️注意点 通过 a 标签可以唤起设备应用程序。 总结 a 标签主要用于创建超链接实现页面跳转、文件下载和唤起设备应用等功能。 href 属性指定链接的目标位置target 属性控制链接的打开方式。 download 属性可以强制触发文件下载。 通过特定协议如 tel:、mailto:、sms:可以唤起设备应用。
七、列表
列表类型
类型标签描述有序列表ol有顺序或侧重顺序的列表无序列表ul无顺序或不侧重顺序的列表自定义列表dl包含术语名称及术语描述的列表 1. 有序列表 (ol)
有序列表是有顺序或侧重顺序的列表。
示例代码
h2 要把大象放冰箱总共分几步/h2
olli 把冰箱门打开/lili 把大象放进去/lili 把冰箱门关上/li
/ol 2. 无序列表 (ul)
无序列表是无顺序或不侧重顺序的列表。
示例代码
h2 我想去的几个城市/h2
ulli成都/lili上海/lili西安/lili武汉/li
/ul 3. 列表嵌套
列表中的某项内容又包含一个列表。
示例代码
h2️ 我想去的几个城市/h2
ulli成都/lilispan上海/spanulli外滩/lili杜莎夫人蜡像馆/lilia hrefhttps://www.opg.cn/东方明珠/a/lili迪士尼乐园/li/ul/lili西安/lili武汉/li
/ul
⚠️注意点 li 标签最好写在 ul 或 ol 中不要单独使用。 4. 自定义列表 (dl)
自定义列表是一个包含术语名称以及术语描述的列表。
示例代码
h2 如何高效的学习/h2
dldt做好笔记/dtdd笔记是我们以后复习的一个抓手/dddd笔记可以是电子版也可以是纸质版/dddt多加练习/dtdd只有敲出来的代码才是自己的/dddt别怕出错/dtdd错很正常改正后并记住就是经验/dd
/dl 总结 HTML 提供了三种主要的列表类型有序列表、无序列表和自定义列表。 使用 ol 创建有序列表使用 ul 创建无序列表使用 dl 创建自定义列表。 列表可以嵌套使用增强列表的层次感和组织性。 自定义列表适合用于术语和描述的展示。
八、表格
表格基本结构 ️
一个完整的表格由以下四部分组成 表格标题 (caption) 表格头部 (thead) 表格主体 (tbody) 表格脚注 (tfoot)
示例代码
tablecaption 学生信息/captiontheadtrth姓名/thth性别/thth年龄/thth民族/thth政治面貌/th/tr/theadtbodytrtd张三/tdtd男/tdtd18/tdtd汉族/tdtd团员/td/trtrtd李四/tdtd女/tdtd20/tdtd满族/tdtd群众/td/trtrtd王五/tdtd男/tdtd19/tdtd回族/tdtd党员/td/trtrtd赵六/tdtd女/tdtd21/tdtd壮族/tdtd团员/td/tr/tbodytfoottrtd colspan5共计4人/td/tr/tfoot
/table
表格涉及的标签 ️
标签名标签语义常用属性单/双标签table表格width, height, border, cellspacing双caption表格标题双thead表格头部height, align, valign双tbody表格主体常用属性与 thead 相同双tfoot表格脚注常用属性与 thead 相同双tr行常用属性与 thead 相同双th表头单元格width, height, align, valign, rowspan, colspan双td普通单元格width, height, align, valign, rowspan, colspan双
常用属性
标签名标签语义常用属性单/双标签table表格width, height, border, cellspacing双thead表格头部height, align, valign双
示例代码
table width100% border1 cellspacing0theadtr aligncenter valignmiddleth姓名/thth性别/thth年龄/thth民族/thth政治面貌/th/tr/theadtbodytrtd张三/tdtd男/tdtd18/tdtd汉族/tdtd团员/td/tr!-- 更多行 --/tbody
/table
常用标签补充
标签名标签含义单/双标签br换行单hr分隔单pre按原文显示一般用于在页面中嵌入大段代码双
注意点 ⚠️
1.不要用 br 来增加文本之间的行间隔应使用 CSS margin 属性。
2.hr 的语义是分隔如果不想要语义只是想画一条水平线那么应当使用 CSS 完成。
总结 HTML 表格由标题、头部、主体和脚注四部分组成。 使用 table, caption, thead, tbody, tfoot, tr, th, td 等标签创建表格。 表格的样式和布局可以通过 CSS 控制。 常用标签如 br, hr, pre 用于页面布局和文本显示。 九、表单
1. 基本结构 ️
表单 (form) action: 指定表单提交地址与后端人员沟通确定。 target: 控制表单提交后如何打开页面常用值 _self: 在本窗口打开。 _blank: 在新窗口打开。 method: 控制表单的提交方式暂时只需了解在后续 Ajax 课程中会详细讲解。
输入框 (input) ⌨️ type: 设置输入框的类型常用值 text 表示普通文本。 name: 指定提交数据的名字需与后端人员沟通后确定。
按钮 (button) 本小节暂不涉及。
2. 常用表单控件 ️
文本输入框
input typetext name: 数据的名称。 value: 输入框的默认输入值。 maxlength: 输入框最大可输入长度。
密码输入框
input typepassword name: 数据的名称。 value: 输入框的默认输入值一般不用无意义。 maxlength: 输入框最大可输入长度。
单选框
input typeradio namesex valuefemale女
input typeradio namesex valuemale男 name: 数据的名称多个 radio 的 name 属性值要保持一致。 value: 提交的数据值。 checked: 默认选中。
复选框
input typeradio namesex valuefemale女
input typeradio namesex valuemale男 name: 数据的名称。 value: 提交的数据值。 checked: 默认选中。
隐藏域
input typehidden nametag value100 用户不可见的输入区域用于提交表单时携带一些固定数据。
提交按钮
input typesubmit value点我提交表单
button点我提交表单/button 注意 button 标签 type 属性的默认值是 submit。 button 不要指定 name 属性。 input 标签编写的按钮使用 value 属性指定按钮文字。
重置按钮
input typereset value点我重置
button typereset点我重置/button 注意 button 不要指定 name 属性。 input 标签编写的按钮使用 value 属性指定按钮文字。
普通按钮
input typebutton value普通按钮
button typebutton普通按钮/button 注意普通按钮的 type 值为 button若不写 type 值是 submit 会引起表单的提交。
文本域
textarea namemsg rows22 cols3我是文本域/textarea rows: 指定默认显示的行数影响文本域的高度。 cols: 指定默认显示的列数影响文本域的宽度。
下拉框
select namefromoption value黑黑龙江/optionoption value琼海南/optionoption value粤广东/optionoption value桂 selected广西/option
/select name: 指定数据的名称。 option value: 提交的数据值如果没有 value 属性提交的数据是 option 中间的文字如果设置了 value 属性提交的数据就是 value 的值建议设置 value 属性。 option selected: 默认选中。
3. 禁用表单控件
给表单控件的标签设置 disabled 即可禁用表单控件。
input disabled
textarea disabled/textarea
button disabled/button
select disabled/select
4. label 标签 ️
label 标签可与表单控件相关联关联之后点击文字与之对应的表单控件就会获取焦点。
label forzhanghu用户名/label
input idzhanghu typetext nameaccount maxlength20 for: 与表单控件的 id 相对应。 注意把表单控件套在 label 标签的里面。
5. fieldset 与 legend 的使用
fieldset 可以为表单控件分组legend 标签是分组的标题。
fieldsetlegend个人信息/legendlabel forzhanghu用户名/labelinput idzhanghu typetext nameaccount maxlength10brlabel formima密码/labelinput idmima typepassword namepwd maxlength6brlabel性别/labelinput typeradio namegender valuemale idnan男input typeradio namegender valuefemale idnv女
/fieldset 总结 表单控件用于收集用户输入的数据。 使用 input, textarea, select, button 等标签创建表单控件。 表单控件的样式和布局可以通过 CSS 控制。 label 标签用于增强表单控件的可访问性。 fieldset 和 legend 用于对表单控件进行分组。
Winv打开历史剪切板 ️ 十、框架标签 iframe 功能与语义 功能 iframe 是 HTML 中的 内联框架标签用于在当前网页中嵌入另一个网页或其他资源文件。 可以用来展示广告、视频、地图、外部页面等内容。 语义说明 英文全称inline frame即“内联框架”。 属于双标签必须有开始和结束标签或使用自闭合写法。 ⚙️ 常用属性
属性名说明src设置要嵌入的页面地址必填项。name定义框架名称常与超链接的 target 属性配合使用。width设置框架宽度可为像素值或百分比。height设置框架高度可为像素值或百分比。frameborder是否显示边框取值为 0无边框或 1有边框。 ✅ 推荐使用 frameborder0 来去除默认边框提升美观性。 实际应用场景
1. 嵌入广告 将广告代码或广告页面通过 iframe 引入到网页中。
2. 与超链接或表单的 target 配合 利用 name 和 target 属性实现在指定框架中加载新内容。 示例 a hrefdemo02.html targetframe点击打开/a
iframe nameframe/iframe 示例代码
iframe srchttps://demo.com width400 height300 frameborder0
/iframe 此代码将在网页中嵌入一个宽度为 600px、高度为 400px 的网页窗口并隐藏边框。 ✅ 总结一句话 iframe 标签是网页中实现内容嵌套展示的重要工具广泛应用于广告展示、跨域内容引入、模块化布局等场景。 十一、HTML 实体 什么是 HTML 实体 定义 在 HTML 中某些字符具有特殊含义如 、、 等不能直接在代码中使用。 如果想显示这些特殊字符必须使用一种特殊的表示方式这种表示方式就是 HTML 实体HTML Entity。 使用场景 当你想让浏览器正确显示某些特殊符号时例如小于号、版权符号等就要使用 HTML 实体。 组成结构 以 开头 接实体名称如 lt 表示小于号或 # 数字编号如 以分号;结尾 ✅ 示例 命名实体 数字实体 常见 HTML 实体对照表
描述实体名称实体编号示例展示空格小于号大于号和号 / 与符号双引号反引号 / 撇号´´´分cent¢¢¢英镑pound£££日元 / 人民币yen¥¥¥欧元euro€€€版权符号©©©注册商标®®®商标 / 未注册商标™™™乘号×××除号÷÷÷ 小贴士 使用命名实体更便于记忆如 。 使用数字实体更通用适用于没有命名的字符如 €。 实体对大小写敏感请注意书写格式是否正确。
十二、全局属性 常用的全局属性
属性名含义id 给标签指定唯一标识注意id 是不能重复的。 作用可以让 label 标签与表单控件相关联也可以与 CSS、JavaScript 配合使用。 ⚠️ 注意不能在以下 HTML 元素中使用 head、html、meta、script、style、title。class️ 给标签指定类名随后通过 CSS 就可以给标签设置样式。style 给标签设置 CSS 样式。dir⬅️➡️ 内容的方向值: ltr、rtl。 ⚠️ 注意不能在以下 HTML 元素中使用 head、html、meta、script、style、title。title 给标签设置一个文字提示一般超链接和图片用得比较多。lang 给标签指定语言具体规范和可选值请参考【10. HTML 设置语言】。 ⚠️ 注意不能在以下 HTML 元素中使用 head、html、meta、script、style、title。
十三、了解meta meta 标签常用功能归纳
功能代码示例说明 配置字符编码meta charsetutf-8设置网页使用 UTF-8 编码格式避免乱码。️ IE 浏览器兼容性配置meta http-equivX-UA-Compatible contentIEedge让 IE 浏览器以最高版本Edge 模式运行。 移动端适配配置meta nameviewport contentwidthdevice-width, initial-scale1.0适配移动端设备控制视口宽度和缩放比例。 配置网页关键字meta namekeywords content关键词1,关键词2,...8-12个帮助搜索引擎识别网页主题关键词。 配置网页描述信息meta namedescription content简短描述建议80字以内提供给搜索引擎作为搜索结果中的摘要显示。️♂️ 控制搜索引擎爬虫行为meta namerobots contentindex,follow控制是否允许搜索引擎索引页面或跟随链接。 常见值index, noindex, follow, nofollow, all, none, noarchive, nocache 配置网页作者信息meta nameauthor contenttony标注网页开发者或作者名称。️ 配置网页生成工具meta namegenerator contentVisual Studio Code表明网页使用的开发工具。© 配置网页版权信息meta namecopyright content2023-2027©版权所有标注网页的版权归属信息。⏳ 配置网页自动刷新meta http-equivrefresh content10;urlhttp://www.baidu.com页面在10秒后自动跳转到指定网址。 常见 robots 属性值说明
值含义index允许搜索引擎索引该页面noindex不允许搜索引擎索引该页面follow允许搜索引擎跟随页面上的链接nofollow不允许搜索引擎跟随页面上的链接all等同于 index, follownone等同于 noindex, nofollownoarchive不允许搜索引擎缓存该页面内容nocache同 noarchive用于旧版浏览器兼容 ✅ 总结一句话 meta 标签虽然不直接显示在网页上但对 SEO、浏览器兼容性、移动端适配等都非常重要是 HTML 文档中不可或缺的一部分。 下期出CSS篇章内容太多期末考试要复习大家加油噢
