代码小积累

1，
<A href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部
<A href="#">点击</a> 点击后会回到网面顶部

2，清除浮动（clearfix hack）
这个可以在现代浏览器上工作。如果你想要支持IE6，你就需要再加入如下样式：

.clearfix {
  overflow: auto;
  zoom: 1;
}

有些独特的浏览器需要“额外的关照”。清除浮动这潭水很深很深，但是这个简单的解决方案已经可以在今天所有的主要浏览器上工作。

3，兼容性

<!doctype html>
<!--[if lt IE 9]><html class="lte-ie8" lang="zh-CN"><![endif]-->
<!--[if gt IE 8]><!--><html lang="zh-CN"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="keywords" content="这是里是关键字">
<meta name="description" content=" 网站内容描述">
<title>学校名称</title>
<link href="css/public.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<link href="css/mystyle.css" rel="stylesheet">
<link href="css/slider.css" rel="stylesheet">
</head>
<body>
<!--[if  IE 6]> 
<div id="ie6-warning">
   您正在使用IE6或以IE6为内核的浏览器，可能导致本网站无法正常显示，建议您升级到更高版本。
    <a href="http://www.microsoft.com/china/windows/internet-explorer/"  target="_blank">点击下载</a>
    <a id="ie6-close href="#"">关闭</a>
</div>
<script>
   $body=$('body');
   $body.addClass('ie6');
   $('#ie6-close').click(function(){
      $body.removeClass('ie6');
      $('#ie6-warning').hide();
   })
</script>
<![endif]-->

代码小积累

推荐阅读更多精彩内容