美文网首页
uni-app与HTML的标签变化

uni-app与HTML的标签变化

作者: 糖醋鱼_ | 来源:发表于2020-07-22 16:55 被阅读0次

组件/标签的变化
以前是html标签,现在是小程序标签

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编译器会在编译时把老标签转为新标
签。但不推荐这种用法,调试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组件

相关文章

  • uni-app与HTML的标签变化

    组件/标签的变化以前是html标签,现在是小程序标签

  • HTML笔记

    html标签与html元素 html标签: 由开始标签和结束标签组成的一对标签。 html元素: 从开始标签到结束...

  • HTML 基础

    HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...

  • HTML文本格式化-08

    HTML 格式化标签HTML 使用标签 与 对输出的文本进行格式, 如:粗体 or 斜体这些HTML标签被称为...

  • html5标签变化

    前言 HTML中的一大主要变化是基本信念方面的:将元素的语义与元素对其内容呈现结构的影响分开。HTML元素负责文档...

  • Html5 标签变化

    新增标签 结构标签 第一点补充:此5个标签不要嵌套到内部 第二点补充:标签优先级排列如下且互不嵌套 多媒体标签 标...

  • HTML5标签变化-结构标签

    结构标签结构标签:可以理解为有意义的div 标记定义一篇文章 标记定义一个页面或一个区域的头部 标记定...

  • uni-app 和 Vue 的区别

    组件/标签的变化 以前是html标签,现在是小程序标签。 div 改成 view[https://uniapp.d...

  • 2018-06-05——html元素

    HTML 元素语法 ·HTML 元素以开始标签起始 ·HTML 元素以结束标签终止 ·元素的内容是开始标签与结束标...

  • uni-app与HTML的区别

    组件/标签的变化 以前是html标签,现在是小程序标签 div 改成 view span、font 改成 text...

网友评论

      本文标题:uni-app与HTML的标签变化

      本文链接:https://www.haomeiwen.com/subject/ukjtlktx.html