如果你的主要工作内容就是重构HTML静态页面，则本文介绍的“魔卡”工具会很适合你。头尾公用，支持简易CSS变量，支持http服务以及JS，CSS合并，都是专门为HTML静态页面开发定制的功能。本工具极简免安装，非常轻量。
“HTML相关”目录存档
HTML静态页面原型交付工具“魔卡”简介
2019年07月19日，星期五详细介绍HTML favicon尺寸 格式 制作等相关知识
2019年06月15日，星期六
HTML rel属性值释义大全
2019年06月3日，星期一
如何disabled禁用所有表单input输入框元素
2019年04月5日，星期五
数学标记语言MathML简介、工具及兼容
2018年10月24日，星期三
MathML指“数学标记语言”，是XML语言的一个子集，用来在web网页，甚至部分软件中显示数学公式。
简言之，就是使用特殊的类似HTML的标记在网页中显示数学公式。因为有些数学公式很复杂，普通HTML根本没法驾驭，然而MathML本身也很复杂，真要手写那真要人命了，好在有很棒的工具可以帮助我们……
借助wbr标签实现连续英文字符的精准换行
2018年09月1日，星期六
在web网页中，连续英文单词默认是不换行的，使用word-break虽然能够有效，但是，会有一个很明显的问题，这换行的位置把英文单词直接破开了，可读性下降。有没有什么方法，技能换行，又不破坏单词呢？可以试试HTML中的wbr标签。
揭秘视频网站video视频倍速播放的实现
2018年07月14日，星期六B站，或者腾讯视频等主流视频网站视频现在都支持倍速播放功能。这个功能对于当下快节奏的生活而言，是很有用的，说夸张点是延长了我们的生命，哈哈哈。
对于一个靠技术吃饭人，总免不了关注点在技术实现上，究竟是如何实现的呢？且看~
HTMLUnknownElement与HTML5自定义元素的故事
2018年03月20日，星期二我之前以为写一个规范以外的标签元素就是自定义元素，后来发现不是的。HTMLUnknownElement与自定义元素并不能直接相等，甚至可以说是陌路两人。
W3规范中，对自定义元素的定义是中间必须要有短横线（就是键盘上的减号）连接，并且浏览器也是这么认为的……
借助HTML5 details,summary无JS实现各种交互效果
2018年01月15日，星期一HTML5 details, summary这两个标签元素内置交互行为，我们可以充分利用这种交互特性不借助任何JavaScript代码实现各种交互效果。当然，前提需要解决自定义以及outline等体验问题。本文就将带你深入探索这两个非常实用的标签元素。
我的应用
我的应用