HTML 5的革新——HTML5 classList

HTML 5的革新——HTML5 classList

曾经编写DOM函数库关于类名的方法时,发现不管是增加类名、删除类名还是更高端一点的切换类名、替代类名,有一个问题始终得是解决:就是类名是否存在类名属性中。而解决方法不外乎JS自身的字符串方法或者利用正则匹配,你是不是也觉得很麻烦。不过在支持HTML5新增的API:classList ,这个问题已经不存在了。

浏览器兼容情况

classList出来也很久了,所以 PC上FireFox、Chrome

阅读更多»

HTML 5的革新—— drag && drop(拖动)

HTML 5的革新—— drag && drop(拖动)

在HTML5之前,如果要实现一个元素的拖放效果,需要结合 onmousedown 、 onmousemove 、 onmouseup 事件,还有鼠标位置获取的知识点,来完成元素的拖动的效果。所以很麻烦。在HTML5中,只要将某个元素的 draggable 属性设置为 true ,该元素就可以实现拖放的效果。并且拖放过程中也能触发很多事件。

默认情况下,浏览器都是支持drag & dro

阅读更多»

HTML 5的革新——语义化标签(二)

HTML 5的革新——语义化标签(二)

HTML 5的革新之一:语义化标签二文本元素标签、分组元素标签。

HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充,譬如图片、文本、代码、表单、交互等等。所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本元素标签、分组元素标签等其他元素标签。

阅读更多»

HTML 5的革新——语义化标签(一)

HTML 5的革新——语义化标签(一)

HTML 5的革新之一:语义化标签一节元素标签。

在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”。

看下图没有用div标签来布局

阅读更多»

拖拽并自动上传至服务器(译)

拖拽并自动上传至服务器(译)

我发现有很多演示和教程都告诉你怎样把一个文件拖放至浏览然后提交页面,这些常常被叫做是“拖放上传”,但实际上他们根本没有上传。这个过程其实还有一步没走完。

我会给你演示这个例子,文件拖到一个网页,然后该文件瞬间成功上传服务器,你也可以试试。

任务列表:该任务由以下几个详尽的步骤

阅读更多»

HTML 5的革新——更简洁的结构

HTML 5的革新——更简洁的结构

今天我们阐述HTML 5的革新之一:更简洁的结构。

新的文档类型 DOCTYPE

先来解释一下文档类型 DOCTYPE:文档类型位于HTML源文件的第一行,在HTML4的标准中,DOCTYPE在被归在“HTML 标签”一章中,

DOCTYPE由来历史

说说历史吧,其实 DOCTYPE 之所以出现是由于早期的Netscape 4和Explorer 4对css进行解析时,并未遵守W3C标准,这时

阅读更多»

1