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


总结

学习记录。

又是各种标记的学习。

相关推荐
jerryinwuhan2 小时前
基于各城市站点流量的复合功能比较
开发语言·php
迈巴赫车主3 小时前
Java基础:list、set、map一遍过
java·开发语言
·醉挽清风·3 小时前
学习笔记—MySQL—库表操作
笔记·学习·mysql
南 阳4 小时前
Python从入门到精通day66
开发语言·python
白小沫5 小时前
TortoiseSVN是什么?
学习
weixin_451431565 小时前
【学习笔记】微博视频页面ajax请求与响应数据分析
笔记·学习·音视频
十八旬5 小时前
快速安装ClaudeCode完整指南
开发语言·windows·python·claude
前进的李工6 小时前
EXPLAIN输出格式全解析:JSON、TREE与可视化
开发语言·数据库·mysql·性能优化·explain
清辞8536 小时前
尾盘选股法程序开发学习初期
学习
Byron Loong6 小时前
【c++】为什么有了dll和.h,还需要包含lib
java·开发语言·c++