HTML 5的革新—— history

HTML 5的革新—— history

一直以来对 window.history 不是很了解,直到听说 pjax 。此技术利用 history 新增的几个方法,实现了ajax长久以来的一直存在的问题,刷新页面就不是之前看到的页面了和不能使用浏览器的前进后退功能。所以搜索+摘抄window.history相关知识点。

HTML5之前的 window.history

在HTML5之前的 window.history之前,window.hi

阅读更多»

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