发布日期：2024-06-30 01:52浏览次数：
HTML 做微信小程序，需要注意哪些与常规 HTML 的差异？
作为一个资深小编，平日里码字无数，本以为对前端界了如指掌，直到有一天，接到一个艰巨的任务——用 HTML 做微信小程序！我顿时感觉自己像极了那个走出新手村就被怪兽追杀的菜鸟，瑟瑟发抖不知所措。于是，我踏上了探索 HTML 与微信小程序差异的征程，整理出一份详细指南，希望能助你我等前端小伙伴们乘风破浪，顺利过关！
疑HTML 与微信小程序语法有何不同？
别以为是老朋友 HTML，就可以在微信小程序里为所欲为。它们的语法虽然相通，但可不一样！
| 特性 | HTML | 微信小程序 |
|---|---|---|
| 标签 | 遵循 HTML 规范，如 ,
| 有自己的标签体系，如 |
| 样式 | 使用 CSS 样式，如 color: red; | 使用微信小程序样式语言，如 color: "FF0000"; |
| 事件 | 使用 JavaScript 事件，如 onclick | 使用微信小程序事件，如 bindtap |
疑微信小程序独特的标签有哪些？
微信小程序独有的标签，犹如它的秘密武器，让其在展示界面方面独树一帜！
| 标签 | 用途 |
|---|---|
| | 容器元素，类似于 HTML 中的 |
| | 文本元素，类似于 HTML 中的
|
| | 图片元素，类似于 HTML 中的 |
| 按钮元素，类似于 HTML 中的 | |
| | 可滚动区域，类似于 HTML 中的 带有滚动条 |
疑微信小程序 CSS 样式有哪些讲究？
在微信小程序中，CSS 可不是玩泥巴那么随意，它有自己的行事风格！
| 特性 | 微信小程序 |
|---|---|
| 单位 | 使用 px 或 rpx 单位，rpx 相对于屏幕宽度，保证不同分辨率下显示一致 |
| 兼容性 | 不支持所有的 CSS 属性，需要参照微信小程序官方文档 |
| 样式优先级 | 微信小程序样式优先级不同于 HTML， |