“HTML相关”目录存档

HTML5按钮元素新属性formaction,formenctype等简介

2017年08月6日,星期日

HTML5表单提交按钮新增加了formaction, formenctype等属性,这些属性是什么意思?有什么作用?本文就将通过一个个的案例带领大家去认识这些属性(共6个),以及在实际开发中的一些应用,希望能够对诸位的日常开发有所帮助。

阅读全文…

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时代会被废弃的命。但是,最近一查资料,乖乖了个咚,不仅没被废弃,反而发展了,新增了一些标签属性,例如relmediahreflang等。

然后进一步研究发现,尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题,形象立马高大上了起来。

阅读全文…

基于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布局这块展示这两个元素的作用,价值以及应用场景。希望本文的内容能够对您的学习有所帮助。

阅读全文…

了解HTML/HTML5中的download属性

2016年04月6日,星期三

如果我们想实现点击下载按钮下载一张图片,你会如何实现?

我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片。

但是,想法虽好,实际效果却不是我们想要的,因为浏览器可以直接浏览图片,因此,我们点击“下载”链接,并是不下载图片,而是在新窗口直接浏览图片……

阅读全文…

HTML input type=file文件选择表单元素二三事

2015年11月24日,星期二

本文一些简单tips整理,没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实,因此,本文的一些内容说不定可以博闻强识下。有截图有源代码展示,没demo,嘻嘻……

阅读全文…

响应式图片srcset全新释义sizes属性w描述符

2014年10月19日,星期日

srcset为响应式图片属性,12年就出来了,不过今年4月份还是5月份的出了新的规范,与之前的srcset完成独立的表意,同时新增了新的属性sizes, 用来实现更好的响应式布局,同时赋予了w描述符新的含义。本文就是介绍这些全新的规范含义,较深入。丰富的demo、截图以及源代码展示,相信会对您的学习有所帮助的!

阅读全文…

HTML5 <template>标签元素简介

2014年07月8日,星期二

<template>标签元素基本上可以确定是2013年才出现的新的标签元素,主流的Chrome以及Firefox浏览器很快就支持了这个标签,可见这个标签的出现还是呼声很高的。作为有特性行为表现的标签,其中还是有很多tips可以共享的,本文就将简单介绍下<template>标签元素的一些特异之处,有demo,有源代码展示,希望本文的内容能够对你的学习有所帮助。

阅读全文…