uniapp输出html_uni-app⽤法与html标签的变化
以前是html标签，⽐如
，现在是⼩程序组件，⽐如。
那么标签和组件有什么区别，不都是⽤尖括号包围起来⼀段英⽂吗？
其实标签是⽼的概念，标签属于浏览器内置的东西。但组件，是可以⾃由扩展的。
类似你可以把⼀段js封装成函数或模块，你也可以把⼀个ui控件封装成⼀个组件。
uni-app参考⼩程序规范，提供了⼀批内置组件。
####下为html标签和uni-app内置组件的映射表：
原生js和js的区别
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是原⽣组件，层级⾼于其他组件。如需覆盖原⽣组件，则需要使⽤cover-view组件。详见层级介绍
除了内置组件，还有很多开源的扩展组件，把常⽤操作都进⾏封装，DCloud建⽴了插件市场收录这些
扩展组件，详见插件市场

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。