[TOC] ## 组件/标签的变化 uni-app的tag同小程序的tag，和HTML的tag不一样，比如div要改成view，span要改成text、a要改成navigator ``` div 改成 view span、font 改成 text a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、textarea、canvas、video 这些还在。 select 改成 picker iframe 改成 web-view ul、li没有了，都用view替代 audio 不再推荐使用，改成api方式，背景音频api文档 ``` > 其实老的HTML标签也可以在uni-app里使用，uni-app编译器会在编译时把老标签转为新标签，比如把div编译成view。但不推荐这种用法，调试H5端时容易混乱。 ## 手机端常用的新组件 ``` scroll-view 可区域滚动视图容器 swiper 可滑动区域视图容器 icon 图标 rich-text 富文本（不可执行js，但可渲染各种文字格式和图片） progress 进度条 slider 滑块指示器 switch 开关选择器 camera 相机 live-player 直播 map 地图 cover-view 可覆盖原生组件的视图容器 cover-view需要多强调几句，uni-app的非h5端的video、map、canvas、textarea是原生组件，层级高于其他组件。如需覆盖原生组件，比如在map上加个遮罩，则需要使用cover-view组件 ```