摘要：为了实现上面效果： <dl> <dt>提问：</dt><dd>为什么没有男朋友？</dd> </dl> <dl> <dt>回答：</dt><dd>男朋友是什么、可以吃吗？</dd> </dl> 原理显而易见：标题元素前换行，去除第一个标签元素前面的换行符。 dt:before { content: 阅读全文

摘要：meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 SEO优化： <meta name="keywords" content="your tags" /> 关键词 <meta 阅读全文

摘要：一、Vibration API ，接受两种类型参数 vibrate (unsigned long time) 当参数是unsigned long的时候 此时参数表示震动时间。 NotSupportedError 表示当time参数超过规定时间，则抛出异常。 实例： navigator.vibrate 阅读全文

摘要：#代表网页中的一个位置。其右面的字符，就是该位置的标识符： http://www.example.com/index.html#print 代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。同样，可以作为描点 #是用来指导浏览器动作的，对服务 阅读全文

摘要：首先，是基于端口数量和线程切换开销的考虑，浏览器不可能无限量的并发请求，因此衍生出来了并发限制和HTTP/1.1的Keep alive。 所以，IE6/7在HTTP/1.1下的并发才2，但HTTP/1.0却是4。 而随着技术的发展，负载均衡和各类NoSQL的大量应用，基本已经足以应对C10K的问题。 阅读全文

摘要：这个标签可以制定页面上的某个区域为画板，可以使用javascript来生成图片 绘制基本图形的用2d context就可以了，3d的也称为webGL，3d浏览器实现比较慢，而且某些系统由于没有所需要的驱动，即使安装了最新的浏览器也现实不了 至少需要指定width和height： <canvas id 阅读全文

摘要：滤镜ie9开始就废弃了，用来对ie4-8实现一些多媒体动画之类的效果。可以添加到标准的HTML控件上，例如text，图片 包含：1、界面滤镜 （Procedural Surfaces）2、静态滤镜 （Static Filters）3、过渡滤镜 （Transitions）4、滤镜属性 （Attribu 阅读全文

摘要：方式一就是通过嵌入一个frame里面包含一个空白html，通过designMode 设置这个空白的HTML为可编辑，然后你就可以修改它body的内容了，但只有当前页面加载完成以后，才能设那个frame的designMode 为on <iframe name=”richedit” style=”hei 阅读全文

摘要：ie是最早支持剪辑板相关事件（并且允许javascript接入）的浏览器（鼠标右键复制） 相关事件： beforecopy— Fires just before the copy operation takes place. copy— Fires when the copy operation t 阅读全文

摘要：navigator. geolocation.getCurrentPosition()触发浏览器弹窗询问用户同意访问地址。接收三个参数：成功回调函数，可选的失败回调，可选选项对象 成功回调函数接受一个地址对象作为唯一的参数，该对象有两个属性，coords和timestamp. coords一定包含l 阅读全文

摘要：跨域通信HTML5提供了XDM（cross-document message）安全简单接口： 核心是 postMessage（）方法，用来向另一个地址传送信息： var iframeWindow = document.getElementById(“myframe”).contentWindow; 阅读全文

摘要：drag事件（ dragstart -- drag -- dragend ） 当按下鼠标开始drag一个可以拖动的对象时，触发dragstart事件，如果元素是不可拖动的话，会出现一个不可拖动的图标，圆环里面一条斜杠 dragstart事件触发以后，当你拖动元素，就会持续触发drag事件，直到你放开 阅读全文

摘要：用来保存键值对数据，数据以属性的方式保存在storage实例对象上 可以用storage1.length来决定键值对的数量，但是无法决定数据的大小，storage1.remainingSpace可以获得剩余空间大小 只能以string的形式保存数据，非string数据会被转化为string再存储 1 阅读全文

摘要：程序的离线缓存由一个叫做manifest的文本文件控制，把需要离线缓存的文件列在里面即可，这个列表还可以控制需要缓存的情况，甚至当用户从缓存地址进入到没有缓存的地址应该显示什么 当浏览器下载解析了manifest文件之后，就会换取这些资源并且保存起来无网络使用 ，格式如下： CACHE MANIFE 阅读全文

摘要：1、移除 browser chrome，全屏启动 <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" 阅读全文

摘要：<template> 元素，用于描述一个标准的以 DOM 为基础的方案来实现客户端模板。该模板允许你定义一段可以被转为 HTML 的标记，在页面加载时不生效，但可以在后续进行动态实例化。（ 它们是用来放置一大团 HTML 的地方，就是那些你不想让浏览器弄乱的标记...不管它是出于什么理由。） 特性检 阅读全文

摘要：Shadow DOM是指浏览器的一种能力，它允许在文档（document）渲染时插入一棵DOM元素子树，但是这棵子树不在主DOM树中。 Shadow DOM 解决了 DOM 树的封装问题。 有了 Shadow DOM，元素就可以和一个新类型的节点关联。这个新类型的节点称为 shadow root。与 阅读全文

摘要：CSS:.box{width:200px; height:100px; border:1px solid #ddd; overflow:hidden;}.list{width:200px; height:100px; line-height:100px; background:#ddd; font-... 阅读全文

摘要：1. 简体中文页面：html lang=zh-cmn-Hans2. 繁体中文页面：html lang=zh-cmn-Hant3. 英语页面：html lang=en4. 《回来》的音频，以国语演唱：audio lang=zh-cmn5. 《海阔天空》的音频，以粤语演唱：audio lang=yue6... 阅读全文

摘要：在盒子模型中，如果父元素(div)设定了宽度，那么它的子元素(div)宽度默认为 100%这个时候对设置子元素的padding border宽度进行设置，盒子会向内扩展 (图中第二种情况)也就是：父元素宽度 = 子元素 border+padding+width (子元素宽度没设置)但是如果显式对... 阅读全文