![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html5
文章平均质量分 72
等下吃什么?
余幼时即厌学
展开
-
HTML5 <track> 给视音频添加字幕
灵感来源:https://www.zhangxinxu.com/wordpress/2018/03/html5-video-webvtt-subtitle/HTML5 可以用 <track> 标签 给 <video> 或 <audio> 添加字幕,字幕格式有 WebVTT(.vtt),TTML(.xml)格式,WebVTT语法简单,推荐使用<video controls src="https://interactive-examples.mdn.原创 2021-12-20 17:08:57 · 1731 阅读 · 1 评论 -
link rel=alternate 实现网页主题切换
灵感来源:https://www.zhangxinxu.com/wordpress/2019/02/link-rel-alternate-website-skin/MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Alternative_style_sheets换皮肤的一些方法切换类名<style> .light { background-color: #fff; color: #000; } .原创 2021-12-17 17:47:05 · 790 阅读 · 0 评论 -
<meter>标签实现 密码强度效果
灵感方法来源:https://www.zhangxinxu.com/wordpress/2021/11/html-meter-password/meter标签 + zxcvbn算法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <inpu.原创 2021-12-10 17:33:42 · 669 阅读 · 1 评论 -
HTML meta标签合集
常用的标签<meta charset="utf-8"><meta name="author" content="作者"><meta name="keywords" content="HTML,CSS,JAVASCRIPT,PHP"><meta name="description" content="文章的描述">适配移动设备<-- initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例转载 2021-11-11 11:36:43 · 90 阅读 · 0 评论 -
H5 认识桌面通知 - Notification
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button onclick="getPermission()"> 获取通知权限 </button></body></html><原创 2021-11-09 16:08:38 · 852 阅读 · 0 评论 -
Html5 intersectionObserver
懒加载 observeVisible = () => { /** * @param {function} callback - 目标元素可见性发生变化时调用,一般会触发两次,目标刚进入视口,目标完全离开视口 @param {array} entries - IntersectionObserverEntry对象数组, e.g. 同时有两个被观察对象的可见性发生变化,entries数组就会有两个成员原创 2021-07-22 11:47:01 · 217 阅读 · 0 评论