sunt,为什么奥卡姆剃刀原则是对的？
奥卡姆剃刀定律（Occam’s Razor, Ockham’s Razor）又称“奥康的剃刀”，它是由14世纪逻辑学家sunt、圣方济各会修士奥卡姆的威廉（William of Occam，约1285年至1349年）提出。这个原理称为“如无必要，勿增实体”，即“简单有效原理”。正如他在《箴言书注》2卷15题说“切勿浪费较多东西去做，用较少的东西，同样可以做好的事情。”
这个原理称为“如无必要，勿增实体” （Entities should not be multiplied unnecessarily），有时为了显示其权威性，人们也使用它原始的拉丁文形式：Numquam ponenda est pluralitas sine necessitate.（避重趋轻）Pluralitas non est ponenda sine necessitate.（避繁逐简）Frustra fit per plura quod potest fieri per pauciora.（以简御繁）Entia non sunt multiplicanda praeter necessitatem.（避虚就实）如今奥卡姆剃刀定理常用于两种或两种以上假说的取舍上：如果对于同一现象有两种或多种不同的假说，我们应该采取比较简单或可证伪的那一种，世界客观存在即是建立在客观实践之上，正所谓实践是检验真理的唯一标准。对于科学家，奥卡姆剃刀原理还有一种更为常见的表述形式：当你有两个或多个处于竞争地位的理论能得出同样的结论，那么简单或可证伪的那个更好。这一表述也有一种更为常见的强形式：如果你有两个或多个原理，它们都能解释观测到的事实，那么你应该使用简单或可证伪的那个，直到发现更多的证据。对于现象最简单的解释往往比较复杂的解释更正确。如果你有两个或多个类似的解决方案，选择最简单的。需要最少假设的解释最有可能是正确的（或者以这种自我肯定的形式出现：让事情保持简单！）。注意这个原理是如何在上述形式中被加强的。严格的说，它们应该被称为吝啬定律（Law of parsimony），或者称为朴素原则。最开始的时候我们使用奥卡姆剃刀区分能够做出相似结论的理论。我们试图选择做出不同结论的理论。这不是奥卡 姆剃刀的本意。我们不用检验这些结论吗？显然最终不是这样，除非我们处于理论的早期阶段，并且还没有为实验做好准备。我们只是为理论的发展寻求一种指导。
HTML收缩、展开代码？
是javaScript，而且用html+css也可以实现，不过比较麻烦，而且限制比较大。
你可以看看这段代码
HTML部分：
<!DOCTYPE html>
<head>
<meta =”Content-Type” content=”text/html; charset=utf-8″ />
<title>css3折叠式苹果菜单</title>
<link rel=”stylesheet” title=”Default” href=”style.css” type=”text/css” media=”screen”>
</head><body>
<div class=”accordionMenu”>
<h1>Accordion Menu</h1>
<div id=”brand” class=”menuSection”>
<h2><a href=”#brand”>Brand</a></h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id=”promotion” class=”menuSection”>
<h2><a href=”#promotion”>Promotion</a></h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
</div>
<div id=”event” class=”menuSection”>
<h2><a href=”#event”>Event</a></h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
</div>
</div>
</body>
</html>
=====
css部分
.accordionMenu {
font: 12px Arial, Verdana, sans-serif;
color:#424242;
background: #fff;
padding: 10px;
width: 500px;
margin:0;
}
.accordionMenu h1 {
margin: 0;
font-size: 20px;
text-shadow: 2px 2px 2px #aeaeae;
}
.accordionMenu h2 {
margin:5px 0;
padding:0;
}
.accordionMenu h2 a {
font-size: 13px;
display: block;
font-weight: normal;
color:#424242;
text-shadow: 2px 2px 2px #aeaeae;
text-decoration:none;
margin:0;
padding:10px 10px;
background: #8f8f8f;
background: -moz-linear-gradient( top, #cecece, #8f8f8f); /* FF, Flock */
background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#8f8f8f));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.accordionMenu :target h2 a,
.accordionMenu h2 a:hover,
.accordionMenu h2 a:active {
background: #2288dd;
background: -moz-linear-gradient( top, #6bb2ff, #2288dd);
background: -webkit-gradient(linear, left top, left bottom, from(#6bb2ff), to(#2288dd));
color:#FFF;
}
.accordionMenu p {
padding:0 10px;
margin:0;
height: 0;
overflow: hidden;
-moz-transition: height 0.5s ease-in;
-webkit-transition: height 0.5s ease-in;
-o-transition: height 0.5s ease-in;
transition: height 0.5s ease-in;
}
.accordionMenu :target p {
overflow: auto;
height:100px;
}
