html标签和uniapp内置组件的映射表

• div 改成 view
• span、font 改成 text
• a 改成 navigator
• img 改成 image
• input 仅仅是输入框。 原html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app和小程序规范中，input仅仅是输入框。其他功能uni-app有单独的组件或API：radio组件、checkbox组件、时间选择、日期选择、图片选择、视频选择、多媒体文件选择(含图片视频)、通用文件选择。
• form、button、label、textarea、canvas、video 这些还在。
• select 改成 picker
• iframe 改成 web-view
• ul、li没有了，都用view替代。做列表一般使用uList组件
• 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是原生组件，层级高于其他组件。如需覆盖原生组件，则需要使用cover-view组件。详见层级介绍

　　原文地址：https://ask.dcloud.net.cn/article/35657。

　　补充:H5正常但App异常的可能性

　　　　①css异常；

　　　　②不知处的选择器；

　　　　③组件与页面样式相互影响；

　　　　④webview浏览器兼容性（h5和小程序正常app不正常时大多是因为css兼容性，app与小程序正常h5不正常时请对h5单独写组件或者使用uniCloud）；

　　　　⑤非H5端不能使用浏览器自带的对象；

　　　　⑥请减少h5标签的使用，代替方案请参照上文；

　　　　⑦css推荐使用flex布局模型，nvue与快应用只支持flex布局；

　　　　⑧用rpx代替upx单位，边框等特殊属性除外；

　　　　⑨页面组件放到pages目录下，自定义组件放到component目录下

　　　　⑩静态资源默认放到static目录下（始终复制到生成目录中，图片、类库、css、字体图标等），assets一般放置些需要打包资源（自己的js、需要打包的图片或者logo等）

　　　　注意：Map、支付只能真机调试。