一、试错
刚开始试这个AI练中学，我一直以为webView是一个插件，我一直在搜插件和下载插件，感觉跟图片教程上面的都不一样，后面再仔细看了编辑器里面的README.md，看到里面的图片，里面的插件是MarsCode编辑器上面自带的。
原本打开的位置是AI对话框，然后打开右侧的眼睛图标，就可以打开对应的web预览：
二、推荐插件（别人的网站是怎么搭建的，使用了哪些技术）
我想推荐一下我使用过的一个插件，感觉很好用———— wappalyzer（它能够检测内容管理系统（CMS）、电商平台、Web框架、服务器软件、分析工具等。），对于一个网站来说，如果想要知道他用到了什么框架和技术，就可以用wappalyzer插件展示出来：
三、HTML语义化的案例分析
1.语义化标签
<div>123</div> //非语义元素
<p>123</p> //语义元素
p标签的含义是段落，但是div标签没有独特的含义
- 非语义标签：
- div
- span
- 语义标签：
- h：h1~h6，分级标题
- title：页面主体内容，h1和title标签有利于搜索引擎优化
- ul：无序列表
- li：有序列表
- header：导航栏（页眉）
- article：定义外部的内容（独立于文档的其余部分）
- main：页面主要内容，只能用一次
- nav：标记导航，仅对文档中重要链接群使用
- section：定义文档中的节：章节、页面、页脚或其他
- aside：侧栏
- footer：页脚
- em：强调文本，效果斜体
- strong：强调文本，比em的强调程度更强
- small：小号字体
- mark：黄色突出显示文本
- figure：独立的流内容（图片，代码，图表）（默认40pxmargin）
- figcaption：定义figure元素标题
- cite：对少量文本或文献的引用（书籍和杂志标题）
- blockquoto：定义块引用
- time：datetime格式
- abbr：简称或缩写
- address：作者及其联系方式等
- del：移除的内容
- ins：添加的内容
- code：标记代码
对于开发者来说，很多地方可以全部使用div标签搞定，那还需要这些语义化标签干什么呢？
2.语义化标签的好处
- 方便阅读代码，结构清晰
- 便于团队开发和维护
- 方便其他设备解析（屏幕阅读器，盲人阅读器，移动设备）
- 利于搜索引擎优化
3.语义化的案例分析
对于elementplus官网的语义化：
除了这些之外，还存在有侧栏，段落，标题等语义化标签
