wxml与标准的html的异同？

WXML（WeiXin Markup Language）与标准的HTML在构建前端界面时，既有相似之处，也存在明显的差异。以下是关于WXML与HTML的异同点的详细分析：

相同点：

1. 基础结构：
   • WXML和HTML都使用尖括号包裹标签，标签闭合使用尾部斜杠或者双标签闭合。
   • 两者都采用嵌套的标签结构来组织页面元素。
2. 样式定义：
   • WXML使用WXSS（微信小程序样式表）来定义页面的样式，支持类似CSS的选择器和属性设置。
   • HTML使用CSS来定义页面的样式，也支持丰富的选择器和属性设置。
3. 元素标签：
   • WXML和HTML都包含用于表示不同元素的标签，如文本、图片、链接等。
   • 不同点：
   • 使用场景：
     • WXML是微信小程序的标记语言，专为微信小程序定制，只能在微信小程序开发工具中预览。
     • HTML是Web开发的标准语言，具有广泛的兼容性，可以在各种Web浏览器上正常运行。
   • 标签名称：
     • WXML的标签名称与HTML不同，例如WXML使用<view>、<text>、<image>、<navigator>等，而HTML则使用<div>、<span>、<img>、<a>等。
   • 属性节点：
     • WXML和HTML中的标签属性也有所不同，例如WXML使用<navigator url="/pages/home/home"></navigator>来表示超链接，而HTML则使用<a href="#">超链接</a>。
   • 模板语法：
     • WXML中提供了类似于Vue中的模板语法，包括数据绑定、列表渲染和条件渲染等，使得开发者能够更快速地实现一些功能。
   • 性能优化：
     • WXML对组件进行了重新封装，为后续的性能优化提供了可能，同时避免开发者写出低质量的代码。
   • DOM和window对象：
     • WXML没有DOM树和window对象，小程序中无法使用window对象和document对象。
   • 标签集合：
     • WXML的标签集合相对较小，但可以通过自定义组件的方式来扩展。而HTML的标签更加广泛，包含了丰富的元素标签。