13.html-常用新标签(接上一篇)

本文详细介绍了HTML5中用于表单分组的fieldset元素,以及用于突出文本的mark标签,还有度量衡meter和任务进度progress的使用方法。通过实例展示了它们在网页设计和交互中的应用,帮助开发者更好地理解和运用这些新特性来提升用户体验。

fieldset:
     <!-- fieldset 和form标签一起使用 对表单进行分组
         分组之后每一组大概的描述信息 legend --> <form action="" style="width: 400px;">
     <fieldset>
        <legend>注册</legend>
        用户名:<input type="text">
        <br><br>
        密码:<input type="password" name="" id="">
        <br><br>
    </fieldset>
    头像:<input type="file" name="" id="">
    </form>

mark:标注   用于定义带有记号的文本,在需要突出显示文本时可使用
<p>人生就是一次充满未知的旅行,在乎的是沿途的风景,在乎的是看风景的心情,旅行不会因为美丽的'风景终止。走过的路成为背后的风景,不能回头不能停留,若此刻停留,将会错过更好的风景,<mark>保持一份平和,保持一份清醒。享受每一刻的感觉,欣赏每一处的风景,这就是人生。</mark></p>

meter:
<!-- meter:度量衡   不能当作进度条使用
         min:规定范围最小值
         max:规定范围最大值
         value:规定度量的当前值,是**必须的属性**。可以用**数值**表示
         low:范围界定的最低值,需大于min、小于等于(min+max)/2
         high:范围界定的最大值,需小于max、大于等于(min+max)/2 -->
<meter min="10" low="50" value="40" high="80" max="100"></meter>

progress :
<!--稍微会用到 
        progress:任务进度 通常与JS一起结合起来使用 不能作为度量值使用
            value
            max     -->
    <progress value="50" max="100"></progress>

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值