分类: HTML
前端浏览器缓存在html配置
HTML 缓存配置格式
HTML文件通过标签的 http-equiv 属性来配置HTML文件的 http 响应头。
如：
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />[......]HTML canvas框架汇总
HTML canvas的框架很多，而且侧重不同，比如 Three.js 是有名的3D框架，d3.js 偏重于数据展示。
名称
领域
框架
移动端
文档
其他
ThreeJS
3D
N
Y
全
强大的绘图引擎
字符编码
字符编码讲解文章：
前端历史课：那些来自洪荒时代的编码知识
JavaScript 有个 Unicode 的天坑
ASCII
编码
缩写
说明
编码
字符
编码
字符
编码
字符
0
NUL(null)
空字符
33[……]
IE下载保存base64文件
如果一个超链接的链接地址是一个base64的代码，如下：
<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]网页使用html5录音
实现原理
通过 HTML5 的 getUserMedia 接口，可以让页面在浏览器当中访问客户端的硬件设备（摄像头和麦克风）。然后配合 Web Audio API 使用 <audio> 标签来存储录音。
具体解释：https://www.html5rocks.com/zh/tut[……]
HTML单选按钮、复选框
如何点击文字的时候选中单选按钮？设置label for，然后设置input的id。
[html]
对账单
证券交割单、资金流水单
[/html]
如何实现单选？将两个input的name值设置为一样的，就是一组单选按钮。[……]
CSS清除浮动的方法
1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]
CSS布局问题总结
经典两栏自适应布局
HTML网页结构如下：
<body>
<div class="left">
</div>
<div class="right">
</div>
</body>
- 使用绝对定位。
CSS代码：
.[......]CSS3实现阴影和圆角效果（多浏览器兼容）
css3阴影：
[css]
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;[……]
CSS中的text-index无效
有时候我们在写css中使用text-indent，发现text-indent的值为负数的时候无效。
尝试一下为该容器添加属性text-align:left;[……]
IE6和IE7右浮动折行（IE右浮动BUG）
首先来看一段代码：
[html]
<div id=”wrap” style=”width:300px;border:1px solid #ff4e00;”>
这里是一些文字，默认在左侧
<div id=”right” style=”float:right;w[……]
CSS兼容IE的mix-width和mix-height
因为IE7及以上和FF，Chrome都是支持mix-width的。所以我们用到了“_”下划线来解决IE6的问题。
如果需要设置最大宽度mix-width是“600px”，可以这么写：
[css]
max-width:600px;_width:expression(this.widt[……]
CSS中z-index详解以及各浏览器表现差异
IE7中的z-index：
有时候z-index设置了很高的值（如：“z-index:999”）但在IE7中还是被遮盖了。这因为IE7的渲染DOM的问题。
当一个父容器被定位（如：“position:relative”）的时候，子元素的z-index属性会被重置。
解决办法：在父容器中加上[……]
jQuery获取鼠标的坐标
在前端的html页面开发中，如何获取鼠标的坐标呢？
我们使用jQuery方法：
[javascript]
var mouseX = e.originalEvent.x || e.originalEvent.layerX || 0;
var mouseY = e.originalEvent.y[……]
去掉超链接和图片链接点击后的虚线
1.在单个链接上添加属性去掉虚线
[html]
<a href=”” onfocus=”this.blur()”>超链接</a>
[/html]
2.使用Js批量去掉虚线框：
[html]
<script type=”text/javascript”>[……]
自适应宽度的容器的水平居中
首先，我们知道容器水平居中的一般方法，比如我们做一个水平居中的导航：
[html]
<div class=”header”>
<ul class=”nav”>
<li></li>
<li></li>[……]
神奇的HTML彩蛋
ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้
ค้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้
ฏ[……]
Font Squirrel：在网页中使用自定义字体
当然，你可以首选谷歌的在线字库：http://www.google.com/webfonts/
但遗憾的是谷歌字库只能挑选他们的字体，不能用我们自己的字体。
所以你接下来可以选择：http://www.fontsquirrel.com/fontface/generator
首选选择[……]
IE6出现文字自动重复
原文链接：http://feizhaojun.com/doc-archive/IE6出现文字自动重复.html
[code lang=”ht[……]