微信小程序标签和HTML5标签对比

一J码民

已于 2023-05-31 15:37:46 修改

阅读量259

点赞数

文章标签： html 前端

于 2023-05-31 15:37:13 首次发布

本文链接：https://blog.csdn.net/sinat_33316512/article/details/130970190

版权

这篇文章探讨了微信小程序中的标签，如<view>,<text>,<input>等，与HTML的<div>,<h1>至<h6>,<p>等标签的差异。文中提到了在事件绑定（如bindtap）和组件使用（如picker,navigator,image）上的区别，以及wxss选择器的特性和使用建议。

摘要由CSDN通过智能技术生成

微信小程序标签和html标签对比
<div></div>	<view></view
<h1></h1>...<h6></h6> <p></p><span></span>	<text></text>
<i class="icon"></i>	<icon></icon>
<input type="text" /> <input type="checkbox" /> <input type="radio" /> <input type="file" />	<input /> <checkbox /> <radio /> <view bindtap="chooseImage" />
<select> <option></option> <option></option> </select>	<picker range="{{area}}"> <view>{{area[index]}}</view> </picker>
<a href="javascript:;"></a>	<navigator url="#" redirect></navigator>
<img src="" />	<image src="" />

wxss选择器
div	view, text, icon, input, image, navigator
.class	.class
element1 element2	element1 element2
:after :before	:after :before
:first-child	:first-child 不建议工具过滤易导致页面错乱