uni-app与Html 标签的区别

uni-app参考小程序规范，提供了一批内置组件。初学者刚从html转为uniapp或者小程序很多时候感觉不适应，下方是Html与uni-app标签的区别。

标签的变化

下为html标签和uni-app内置组件的映射表：

html	uniapp
div、ul、li	view
span、font	text
a	navigator
img	image
select	picker
iframe	web-view
列表	uList组件
audio	改成api方式，背景音频api文档
input 仅为输入框。	原html规范中为输入框、radio、checkbox、时间、日期、文件选择功能。

未发生变动：form、button、label、textarea、canvas、video 。

icon 图标 rich-text
scroll-view 可区域滚动视图容器
swiper 可滑动区域视图容器
富文本（不可执行js，但可渲染各种文字格式和图片）
progress 进度条 slider 滑块指示器 switch 开关选择器
camera 相机
live-player 直播
map 地图
cover-view可覆盖原生组件的视图容器
注：uni-app的非h5端的video、map、canvas、textarea是原生组件，层级高于其他组件。如需覆盖原生组件，则需要使用cover-view组件。

css的变化

标准的css基本都是支持的。

选择器有2个变化：

1、选择器不支持；
2、元素选择器里没有body，改为了page。

单位方面：

`1.屏幕长度单位使用rpx，自动匹配宽、高、大、小适配，全端支持。 `
`2.每个可显示的页面，都必须在 pages.json 中注册。`

原工程的首页一般是index.html或default.html，是在web server里配的。
uni-app的首页，是在pages.json里配的，page节点下第一个页面就是首页。一般在/pages/xx的目录下。

app和小程序中，为了提升体验，页面提供了原生的导航栏和底部tabbar（tabbar实现），注意这些配置是在pages.json中做，而不是在vue页面里创建，但点击事件的监听在显示的vue页面中做。