Archive for the ‘推荐文章’ Category
分享书籍(css3/javascript)
html到底有多重要?
HTML到底有多重要，最近2个月来一直在想这个问题。
也在HTML上花了很多时间，别人在学习css/js时，我却一直在学习html语义等等。
在项目中，又遇到这样的问题，HTML结构不合理，导致css部分在重构;
还好, JavaScript部分使用了html中的ID, 没有和css混合在一起(css使用html中的class来定义)。
中午看了下http://oocss.org,又找到相应的参考资料. 当前html结构定义成这样. 先抗住再优化吧(要不然时间成本不允许呀…)
<div class="action"> <div class="action-key"></div> <div class="action-config"></div> </div>
还存在这样的结构：
<div class="news"> <div class="mod-hd"> <h3>xxxxx</h3> <a href="xxx" class="more"></a> </div> <div class="mod-bd"></div> </div> <div class="shop"> <div class="mod-hd"> <h3>xxxxx</h3> <a href="xxx" class="more"></a> </div> <div class="mod-bd"></div> </div>
正好晚上看冷姐的前端代码，觉得冷姐html结构写的不错。(class名字,部分修改)
<!-- 第一级 --> <div id="container"> <div id="header"></div> <div id="main"></div> <div id="footer"></div> </div> <!-- 第二级 --> <div id="header"> <div id="logoarea"></div> <div id="nav"></div> <div id="subMenu"></div> <div id="banner"></div> </div> <div id="main"> <div class="sideBar left"> <div class="proList"></div> <div class="JsList"></div> <div class="contentTle"></div> </div> <div clas="content right"> <div class="about"></div> <div class="proshow"></div> <div class="info"></div> </div> </div> <!-- 第三级 --> <div id="logoarea"> <h1> <a href="xxxx"> <img src="xxx" alt="xxxx" /> </a> </h1> </div> <div id="nav"> <ul> <li class="xxx home"></li> <li class="xxx about"></li> <li class="xxx product"></li> <li class="xxx contact"></li> </ul> </div>
一个简单的企业单页面。 以后要更加注意html的书写。不能强调几个css技巧, javacript几个tip.
html…
http请求简单过程
记录：
用户第一次使用网络，输入URI，然后浏览器向服务器请求。
第二次，再请求相同的文件时，浏览器将会——
查看本地缓存文件，看是否已经过期(服务器设置期限)。
如果末过期，直接使用，不再向服务器端发请求。
如果过期，向服务器端发请求，S端向C端返回状态信息等.（比如：404、200、304等）
About CSS Reset
CSS Reset
View more presentations from Russ Weakley.
html-锚点/target/label
如果页面中不存在<base href=”" />标签的话，可以使用下面方法，并且很好的工作。
<a href=”#name”>mx</a>
<div id=”name”></div>
如果存在<base />，上方法不能实现。
使用：
<a href=”#name”>mx</a>
<div><a name=”name”></a>……</div>
注：不一定要使用div标签包围。
参考：
target=”_self”;
是指在当前的iframe页面打开。（可以理解成当前页面打开）
主要用于，当页面中加入了<base target=”_blank” />，如果此链接要在当前页面打开，需要加target=”_self”;
参考：
label标签.
<label for=”inputId”>mx</label>
<input id=”inputId” name=”name” />
label标签使用for属性与相关的input相关联（input的id属性）.
同时可以使用label包input的方法，(非IE)不必再使用for和id相关联。
<label for=”">html5:<input id=”inputId” type=”" /></label>
两种方法可以根据需要做选择。
参考：