HTML5学习系列之实用性标记

HTML5学习系列之实用性标记


前言

学习记录


实用性标记

高亮显示

mark元素可以进行高亮显示。

html 复制代码
<p><mark>我感冒了</mark></p>

进度

progress指示某项任务的完成进度。

html 复制代码
<p>实际进度:<progress max="100" value="35">35%<progress></p>

刻度

meter类似progress

html 复制代码
<p>实际进度:<meter max="100" value="35">35%<meter></p>

从实际代码出来的效果看,meter和progress几乎就是一样的。

时间

time元素标记时间。datetime可以指定时间格式。

html 复制代码
<p><time>9:00</time></p>
<p><time datetime="2018-02-14">情人节</time></p>

联系信息

address具体标识哪一种信息。

显示方向

bdo和bdi表示书写的顺序。

换行断点

br中引入wbr,表示可换行处。

标注

rt和rp用于在内容添加旁注标记的机制。


总结

学习记录。

又是各种标记的学习。

相关推荐
寻星探路12 小时前
【深度长文】万字攻克网络原理:从 HTTP 报文解构到 HTTPS 终极加密逻辑
java·开发语言·网络·python·http·ai·https
lly20240614 小时前
Bootstrap 警告框
开发语言
2601_9491465314 小时前
C语言语音通知接口接入教程:如何使用C语言直接调用语音预警API
c语言·开发语言
曹牧14 小时前
Spring Boot:如何测试Java Controller中的POST请求?
java·开发语言
KYGALYX15 小时前
服务异步通信
开发语言·后端·微服务·ruby
zmzb010315 小时前
C++课后习题训练记录Day98
开发语言·c++
执笔论英雄15 小时前
【大模型学习cuda】入们第一个例子-向量和
学习
wdfk_prog15 小时前
[Linux]学习笔记系列 -- [drivers][input]input
linux·笔记·学习
猫头虎15 小时前
如何排查并解决项目启动时报错Error encountered while processing: java.io.IOException: closed 的问题
java·开发语言·jvm·spring boot·python·开源·maven
YUJIANYUE16 小时前
PHP纹路验证码
开发语言·php