分类: HTML

前端浏览器缓存在html配置

HTML 缓存配置格式

HTML文件通过标签的 http-equiv 属性来配置HTML文件的 http 响应头

如:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /&gt[......]

继续阅读

2022-01-18 Comments (0)
阅读全文

HTML canvas框架汇总

HTML canvas的框架很多,而且侧重不同,比如 Three.js 是有名的3D框架,d3.js 偏重于数据展示。

名称
领域
框架
移动端
文档
其他

ThreeJS
3D
N
Y

强大的绘图引擎

playCanvas[……]

继续阅读

2019-01-07 Comments (4)
阅读全文

字符编码

字符编码讲解文章:

前端历史课:那些来自洪荒时代的编码知识
JavaScript 有个 Unicode 的天坑

ASCII

编码
缩写
说明
编码
字符
编码
字符
编码
字符

0
NUL(null)
空字符
33[……]

继续阅读

2018-02-23 Comments (0)
阅读全文

IE下载保存base64文件

如果一个超链接的链接地址是一个base64的代码,如下:

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]

继续阅读

2017-08-31 Comments (2)
阅读全文

网页使用html5录音

实现原理

通过 HTML5 的 getUserMedia 接口,可以让页面在浏览器当中访问客户端的硬件设备(摄像头和麦克风)。然后配合 Web Audio API 使用 <audio> 标签来存储录音。
具体解释:https://www.html5rocks.com/zh/tut[……]

继续阅读

2017-08-15 Comments (0)
阅读全文

HTML单选按钮、复选框

如何点击文字的时候选中单选按钮?设置label for,然后设置input的id。
[html]
对账单
证券交割单、资金流水单
[/html]
如何实现单选?将两个input的name值设置为一样的,就是一组单选按钮。[……]

继续阅读

HTML, 前端 
2015-01-09 Comments (0)
阅读全文

CSS清除浮动的方法

1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]

继续阅读

2014-05-03 Comments (0)
阅读全文

Mac系统safari设置p标签浮动的问题

可以使用<li>替换[……]

继续阅读

2014-05-03 Comments (0)
阅读全文

CSS布局问题总结

经典两栏自适应布局

HTML网页结构如下:

<body>
<div class="left">
</div>
<div class="right">
</div>
</body>
  1. 使用绝对定位。

CSS代码:

.[......]

继续阅读

2014-05-03 Comments (0)
阅读全文

IE浏览器兼容性bug汇总

IE6~8

IE条件注释

ul li高度在ie6、ie7、ie8、FF下兼容问题解决

在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样,ie8与FF高度一样),设置高后使用 overflow:hidden;也无济于事,在li样式上加上ve[……]

继续阅读

2014-04-22 Comments (0)
阅读全文

CSS3实现阴影和圆角效果(多浏览器兼容)

css3阴影:

[css]
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;[……]

继续阅读

HTML, 前端, CSS 
2014-04-18 Comments (0)
阅读全文

CSS中的text-index无效

有时候我们在写css中使用text-indent,发现text-indent的值为负数的时候无效。
尝试一下为该容器添加属性text-align:left;[……]

继续阅读

HTML, 前端 
2013-08-18 Comments (0)
阅读全文

IE6和IE7右浮动折行(IE右浮动BUG)

首先来看一段代码:

[html]

<div id=”wrap” style=”width:300px;border:1px solid #ff4e00;”>

这里是一些文字,默认在左侧

<div id=”right” style=”float:right;w[……]

继续阅读

2013-07-04 Comments (0)
阅读全文

CSS兼容IE的mix-width和mix-height

因为IE7及以上和FF,Chrome都是支持mix-width的。所以我们用到了“_”下划线来解决IE6的问题。

如果需要设置最大宽度mix-width是“600px”,可以这么写:

[css]

max-width:600px;_width:expression(this.widt[……]

继续阅读

HTML, 前端 
2013-07-01 Comments (0)
阅读全文

CSS中z-index详解以及各浏览器表现差异

IE7中的z-index:

有时候z-index设置了很高的值(如:“z-index:999”)但在IE7中还是被遮盖了。这因为IE7的渲染DOM的问题。
当一个父容器被定位(如:“position:relative”)的时候,子元素的z-index属性会被重置。
解决办法:在父容器中加上[……]

继续阅读

2013-05-16 Comments (0)
阅读全文

jQuery获取鼠标的坐标

在前端的html页面开发中,如何获取鼠标的坐标呢?
我们使用jQuery方法:
[javascript]
var mouseX = e.originalEvent.x || e.originalEvent.layerX || 0;
var mouseY = e.originalEvent.y[……]

继续阅读

2013-04-23 Comments (0)
阅读全文

去掉超链接和图片链接点击后的虚线

1.在单个链接上添加属性去掉虚线
[html]
<a href=”” onfocus=”this.blur()”>超链接</a>
[/html]
2.使用Js批量去掉虚线框:
[html]
<script type=”text/javascript”>[……]

继续阅读

2013-04-18 Comments (0)
阅读全文

自适应宽度的容器的水平居中

首先,我们知道容器水平居中的一般方法,比如我们做一个水平居中的导航:

[html]

<div class=”header”>

<ul class=”nav”>

<li></li>

<li></li>[……]

继续阅读

2013-01-24 Comments (0)
阅读全文

神奇的HTML彩蛋

ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้

ค้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้

&#x0E0F[……]

继续阅读

2012-08-03 Comments (0)
阅读全文

Font Squirrel:在网页中使用自定义字体

当然,你可以首选谷歌的在线字库:http://www.google.com/webfonts/

但遗憾的是谷歌字库只能挑选他们的字体,不能用我们自己的字体。

所以你接下来可以选择:http://www.fontsquirrel.com/fontface/generator

首选选择[……]

继续阅读

HTML, 前端 
2012-07-26 Comments (0)
阅读全文

dewplayer:网页音乐播放器

一款法国的基于flash的音乐播放器,demo非常详细。

传递门:http://www.alsacreations.fr/dewplayer.html[……]

继续阅读

HTML 
2012-07-26 Comments (0)
阅读全文

IE6出现文字自动重复

原文链接:http://feizhaojun.com/doc-archive/IE6出现文字自动重复.html

以前在做DIV有时候会碰到文字自动重复的现象,即在一系列元素的下端的文字会重复出现。这种现象只会在IE6中出现,在IE7和火狐中没有此现象。例如:
[code lang=”ht[……]

继续阅读

2011-07-12 Comments (0)
阅读全文

XHTML1.1标签列表

[……]

继续阅读

HTML, 前端 
2011-07-04 Comments (0)
阅读全文

META属性

[……]

继续阅读

HTML, 前端 
2011-07-04 Comments (0)
阅读全文

TOP