同学们大家好，我是小毅。 今天我们开始研究WXML部分。 首先，我们将解释基本语法。

什么是 Wxml？ 我们首先需要介绍一下Html。 Html的全称译为超文本标记语言。 这种语言现在在前端开发中被广泛使用，wxml是从html演变而来的。 它基于微信平台，有很多方面。 变得更加简洁易用，更加适合微信小程序的开发。 Wxml 仍然是一种标签语言。 在小程序中，可以结合基本组件和事件系统来构建页面的结构。

如果想进一步了解HTML，可以上百度“菜鸟教程”自学。 本教程将解释wxml作为其内容。 对于学过html语言的同学来说，通过微信开发者文档自学wxml也是非常容易的。 关于wxml和html的区别，由于篇幅限制，还请访问微信开发者文档自学。

wxml作为标签语言，也是通过标记标签来描述页面结构。 页面内容写在标签内。 标签由尖括号括起来的关键字组成。 具体来说，可以分为两类。

第一种是成对出现的标签，即有开始标签和结束标签，内容部分写在两个标签之间。 基本结构是： 或者说，比如小程序中最常用的视图组件就是这样写的。

第二种不成对出现。 使用时，只有一个标签存在。 基本结构是： 此类标签由于其含义，不需要结尾标签来识别。 比如我们常见的输入框只需要一个标签。 识别出这个组件后，当程序在编译过程中看到这个标签时，就会在相应的位置添加一个输入框。 view作为视图容器，里面可以放置其他组件，因此需要标记开始和结束。

在上图的例子中，第一行代码是注释。 注释的格式是开头一个尖括号加一个感叹号和两个连字符，中间是注释内容，结尾是两个连字符和尖括号。 在编译器中，我们可以使用ctrl加右斜杠/来注释光标所在行或选中的代码。

第二行是视图。 您可以看到标签成对出现。 这里的视图实际上是一个盒子，它可以用作一个或多个元素的容器。 为了让大家在左边模拟器中看到效果，我给view设置了长度、高度、颜色三种样式。 在第三行和第四行中，我编写了两个输入组件。 利用这些组件，可以在页面上完成如左图所示的输入功能。 所以对于 来说，也可以是成对标签的形式。 两种写法都可以，但是大家一定要注意右斜杠的位置，以免出错。

那么，什么是组件？

组件的基本格式其实就是我们刚才讲的标签语法结构。 例如，查看容器组件和输入框组件。

每个组件都有“独特”的功能。 编写 wxml 的第一步是选择合适的组件。

WXML 中的另一个重要概念是属性，即刚才提到的可用于修改组件的东西。 属性实际上是用来设置不同组件的参数。 基本格式位于第一个尖括号中。 指定组件名称后，使用属性名称等于属性值的格式设置组件的属性，其中属性值使用单引号或双引号括起来。 单引号和双引号成对出现。 在某些情况下，我们还需要同时使用它们来区分某些字段之间的关系，防止歧义。

在上面的例子中，我们使用了视图组件，也就是视图容器。 同时，为此组件设置 、 、 id、 和 data 属性。 Wxml组件的属性分为两类：通用属性和特殊属性。 通用属性是所有组件都可以使用的属性。 常用的通用属性包括：样式（包括静态样式和动态）、id、响应函数、参数传递等。 私有属性用于特定组件。 如果想进一步了解这部分内容，可以访问开发文档进行自学。