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用于在内容添加旁注标记的机制。


总结

学习记录。

又是各种标记的学习。

相关推荐
JeffDingAI9 分钟前
【Datawhale学习笔记】NLP初级分词技术
笔记·学习·自然语言处理
zh_xuan14 分钟前
kotlin 尾随Lambda表达式函数的常用简写
开发语言·kotlin
沐知全栈开发7 小时前
Perl 数据库连接
开发语言
优雅的潮叭8 小时前
c++ 学习笔记之 shared_ptr
c++·笔记·学习
am心8 小时前
学习笔记-用户下单
笔记·学习
森叶8 小时前
Java 比 Python 高性能的原因:重点在高并发方面
java·开发语言·python
微露清风8 小时前
系统性学习C++-第二十二讲-C++11
java·c++·学习
qq_316837758 小时前
uni.chooseMedia 读取base64 或 二进制
开发语言·前端·javascript
方圆工作室8 小时前
【C语言图形学】用*号绘制完美圆的三种算法详解与实现【AI】
c语言·开发语言·算法
小二·9 小时前
Python Web 开发进阶实战:混沌工程初探 —— 主动注入故障,构建高韧性系统
开发语言·前端·python