经常会遇到需求，需要禁用div中或者form元素中一堆表单控件元素，那有没有什么简单方法轻松禁用所有表单元素呢，而且是真正意义上的禁用呢？
文章关键字 ‘html’
如何disabled禁用所有表单input输入框元素
2019年04月5日，星期五深入Node.compareDocumentPosition API
2019年03月2日，星期六
Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系，包括前后，父子，自身以及跨文档。不仅是DOM节点，文本节点，注释节点甚至属性节点的位置关系都可以判定，很强。
link rel=alternate网站换肤功能最佳实现
2019年02月25日，星期一
大多数前端开发人员实现网站换肤功能要么使用一个全局class控制样式切换，要么改变皮肤link元素的href地址。实际上，浏览器中有HTML属性原生支持网站换肤功能，兼容性好，语义化，体验也好，可谓是换肤功能最佳实现了。
数学标记语言MathML简介、工具及兼容
2018年10月24日，星期三
MathML指“数学标记语言”，是XML语言的一个子集，用来在web网页，甚至部分软件中显示数学公式。
简言之，就是使用特殊的类似HTML的标记在网页中显示数学公式。因为有些数学公式很复杂，普通HTML根本没法驾驭，然而MathML本身也很复杂，真要手写那真要人命了，好在有很棒的工具可以帮助我们……
小tips: 点击页面出现富强、民主这类文字动画效果
2018年05月31日，星期四如何实现点击页面出现富强、民主这类文字动画效果？很简单，复制本文提供的源代码，效果立即就出现了。快进来看看怎么实现的吧？
HTML accesskey属性与web自定义键盘快捷访问
2017年05月15日，星期一可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的，accesskey属性。
HTML tabindex属性与web网页键盘无障碍访问
2017年05月13日，星期六HTML虽然入门简单，但是，要想日后深入，却要花费非常大量的时间，因为一些看似非常简单的属性，实际上牵扯到另外一个完整领域的知识。例如本文要介绍的这属性tabindex，与web网页无障碍访问息息相关，而且是键盘访问领域的。
这些属性不仅可以触发浏览器层面的行为，本身对HTML的元素的交互特性甚至UI表现都会有影响。
HTML <area><map>标签及在实际开发中的应用
2017年05月6日，星期六之前，我一直以为HTML <area>是一个鸡肋HTML，估计到了HTML5时代会被废弃的命。但是，最近一查资料，乖乖了个咚，不仅没被废弃，反而发展了，新增了一些标签属性，例如rel，media，hreflang等。
然后进一步研究发现，尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题，形象立马高大上了起来。
基于VoiceOver的移动web站无障碍访问实战
2017年01月20日，星期五所谓“无障碍访问”，指的是各类设备均可以无障碍访问。例如鼠标、键盘、读屏软件或设备等。
ARIA全称“Accessible Rich Internet Applications（可访问的富互联网应用）”。
VoiceOver是苹果设备上的读屏软件，当开启VoiceOver后，交互行为和通常行为是不一样。并且和ARIA属性之间的关系也比较深，本文就将通过项目实战展示基于VoiceOver的移动端ARIA特性和注意事项。
了解HTML/HTML5中的download属性
2016年04月6日，星期三如果我们想实现点击下载按钮下载一张图片，你会如何实现？
我们可能会想到一个最简单的方法，就是直接按钮a标签链接一张图片。
但是，想法虽好，实际效果却不是我们想要的，因为浏览器可以直接浏览图片，因此，我们点击“下载”链接，并是不下载图片，而是在新窗口直接浏览图片……
我的应用