在web网页中，连续英文单词默认是不换行的，使用word-break虽然能够有效，但是，会有一个很明显的问题，这换行的位置把英文单词直接破开了，可读性下降。有没有什么方法，技能换行，又不破坏单词呢？可以试试HTML中的wbr标签。
“HTML相关”目录存档
借助wbr标签实现连续英文字符的精准换行
2018年09月1日，星期六揭秘视频网站video视频倍速播放的实现
2018年07月14日，星期六B站，或者腾讯视频等主流视频网站视频现在都支持倍速播放功能。这个功能对于当下快节奏的生活而言，是很有用的，说夸张点是延长了我们的生命，哈哈哈。
对于一个靠技术吃饭人，总免不了关注点在技术实现上，究竟是如何实现的呢？且看~
HTMLUnknownElement与HTML5自定义元素的故事
2018年03月20日，星期二我之前以为写一个规范以外的标签元素就是自定义元素，后来发现不是的。HTMLUnknownElement与自定义元素并不能直接相等，甚至可以说是陌路两人。
W3规范中，对自定义元素的定义是中间必须要有短横线（就是键盘上的减号）连接，并且浏览器也是这么认为的……
借助HTML5 details,summary无JS实现各种交互效果
2018年01月15日，星期一HTML5 details, summary这两个标签元素内置交互行为，我们可以充分利用这种交互特性不借助任何JavaScript代码实现各种交互效果。当然，前提需要解决自定义以及outline等体验问题。本文就将带你深入探索这两个非常实用的标签元素。
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可访问性fieldset,legend元素及CSS布局应用
2016年11月12日，星期六本文主要介绍平时用的不多的，尤其现在的小伙伴很少关注的fieldset和legend元素，从可访问性以及CSS布局这块展示这两个元素的作用，价值以及应用场景。希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用