随笔分类 -  HTML5

摘要:市面上手机种类繁多,在触屏手机上运行的网页跟传统PC网页相比还是有很大差别的。由于设备的不同浏览器的事件的设计也不同。传统PC站的 click 和 onmouseover 等事件在一般触屏的手机上也可以使用,但是效果不够好。PC上还没有哪个事件是可以与触屏手机的触摸事件对应的,为了更好的用户体验,移 阅读全文
posted @ 2016-03-02 18:17 天马3798 阅读(1167) 评论(0) 推荐(0) 编辑
摘要:requestAnimationFrame 方法的支持,该方法通过在系统准备好绘制动画帧时调用该帧,从而为创建动画网页提供了一种更平滑更高效的方法。在此 API 之前,使用 setTimeout 和 setInterval 绘制的动画并没有为 Web 开发人员提供有效的方法来规划动画的图形计时器。这 阅读全文
posted @ 2016-02-05 14:52 天马3798 阅读(1159) 评论(0) 推荐(0) 编辑
摘要:html禁止手机页面放大缩小 html手机页面 js正则: /<ul.*(?=breadline)(.|\n)*?<\/ul>/gi; 匹配以ul开始 class="breadline"结束外加中间任意内容</ul> 更多: html的空格显示距离问题 <!DOCTYPE html>的问题 HTML 阅读全文
posted @ 2015-12-18 13:42 天马3798 阅读(2385) 评论(0) 推荐(1) 编辑
摘要:一、使用全角空格全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。二、使用空格的替代符号替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种:名称编号描述&#160;不断行的空白(1个字符宽度)&ensp;&#819... 阅读全文
posted @ 2015-11-02 15:22 天马3798 阅读(5204) 评论(0) 推荐(1) 编辑
摘要:等待您寻找惊喜:http://preloaders.net/ 阅读全文
posted @ 2015-09-17 14:29 天马3798 阅读(180) 评论(0) 推荐(0) 编辑
摘要:声明必须位于 HTML5 文档中的第一行,也就是位于 标签之前。该标签告知浏览器文档所使用的 HTML 规范。doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期... 阅读全文
posted @ 2015-08-13 10:23 天马3798 阅读(4918) 评论(0) 推荐(0) 编辑
摘要:draggable是一个枚举属性,用于指定一个标签是否可以被拖拽。有以下四种取值:true表示此元素可拖拽false表示此元素不可拖拽auto除img和带href的标签a标签表示可拖拽外,其它标签均表示不可拖拽其它任何值表示不可拖拽事件:【被拖拽元素】ondragstart拖拽前触发(鼠标按下并开始... 阅读全文
posted @ 2015-03-21 22:56 天马3798 阅读(267) 评论(0) 推荐(0) 编辑
摘要:HTML5新增了关于拖放的API,通过API可以让HTML页面的任意元素都变成可拖动的,通过使用拖放机制可以开发出更友好的人机交互的界面。拖放操作可以分为两个动作:在某个元素上按下鼠标移动鼠标(没有松开鼠标),此时开始拖动;在拖动的过程中,只要没有松开鼠标,将会不断产生事件-----这个过程称为“拖... 阅读全文
posted @ 2015-03-21 22:36 天马3798 阅读(830) 评论(0) 推荐(0) 编辑
摘要:XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send()方法来异步的提交表单。与普通的 Ajax 相比,使用 F... 阅读全文
posted @ 2015-02-16 17:45 天马3798 阅读(616) 评论(0) 推荐(0) 编辑
摘要:XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。 最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。 但是,这个接口一直没有标准化,每家浏览器的实现或多或少有点不同。HTML 5的概念形成后,W3C开 阅读全文
posted @ 2014-12-21 19:45 天马3798 阅读(310) 评论(0) 推荐(0) 编辑
摘要:1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境。 下面的全局属性可用于任何 HTML5 元素。 NEW:HTML 5 中新的全局属性。 属性描述 accesskey 规定访问元素的键盘快捷键 class 规定元素的类名(用于规定样式表中的类)。 contenteditable 规定 阅读全文
posted @ 2014-12-07 21:15 天马3798 阅读(807) 评论(0) 推荐(0) 编辑
摘要:微软在上周刚刚发布了用于Windows 8.1上的首个Internet Explorer 11的预览版。我们已经确认Internet Explorer 11中的一些新特性,包括对WebGL的支持、预抓取、预渲染、flexbox、mutation observers以及其他一些Web标准的支持。但是更... 阅读全文
posted @ 2014-08-25 22:29 天马3798 阅读(209) 评论(0) 推荐(0) 编辑
摘要:最近,一个开发代号为Windows Blue的Windows操作系统泄漏到了互联网上,该操作系统的内置浏览器为IE11,本文将介绍一下这个泄漏版的IE11中有哪些关键的新变化和新特性.预先声明:本文中所讲的内容都来自互联网,我自己没有安装过这个泄漏版的IE11,虽然我目前正在帮助微软的userAge... 阅读全文
posted @ 2014-08-25 22:27 天马3798 阅读(235) 评论(0) 推荐(0) 编辑
摘要:定义和用法contenteditable 属性规定是否可编辑元素的内容。语法属性值值描述true规定可以编辑元素内容。false规定无法编辑元素内容。classname继承父元素的 contenteditable 属性。支持IE系列和最新浏览器实例:/**宽度固定,自动换行,内容超出滚动条显示***... 阅读全文
posted @ 2014-08-16 15:01 天马3798 阅读(536) 评论(0) 推荐(0) 编辑
摘要:html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种... 阅读全文
posted @ 2014-07-26 15:19 天马3798 阅读(187) 评论(0) 推荐(0) 编辑
摘要:近日,W3C小组宣布已经完成对HTML5标准以及Canvas 2D性能草案的制定,这就意味着开发人员将会有一个稳定的“计划和实施”目标。Web性能工作组已经推出W3C的两个版本建议草案。Navigation Timing:该规范针对Web应用定义了一个新的接口,用于访问导航和元素相关的定时信息。Hi... 阅读全文
posted @ 2014-04-25 09:21 天马3798 阅读(275) 评论(0) 推荐(0) 编辑
摘要:浏览器支持定义和用法所有浏览器都支持 标签。对其所包括的文本进行水平居中。HTML 与 XHTML 之间的差异在 HTML 4.01 中,center 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中,center 元素不被支持。提示和注释:注释:提示:请使用 CSS 样式来居中... 阅读全文
posted @ 2014-04-25 08:55 天马3798 阅读(643) 评论(0) 推荐(0) 编辑
摘要:HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。新增的属性1、表单相关的属性对input(type=text)、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动获得焦点。对input(type=text)、textarea指定placeholder属性,它会对用户的输入进行提示,提示用户可以输入的内容。对input、output、select、textarea、button与fieldset指定form属性。它声明属于哪个表单,然后将其放置在页面的任何位置,而不失表单之内。对input(type=text)、t 阅读全文
posted @ 2014-04-12 17:50 天马3798 阅读(257) 评论(0) 推荐(0) 编辑
摘要:autocomplete属性 1.定义autocomplete属性规范表单是否启用自动完成功能。自动完成允许浏览器对字段的输入,是基于之前输入的值。2.应用范围autocomplete使用<form>,以及<input>类型text,search,url,telephone,email,passwo 阅读全文
posted @ 2014-04-03 09:28 天马3798 阅读(3319) 评论(0) 推荐(0) 编辑