我的编程经验之html标准化

afadgaeg · 发表于 2013-2-7 19:54:03

如何让html文档可读性强，便于修改，内容与样式分离，结构良好。看例子
<html> <head> <style> #focus .class1{} #array .class1{} <style> </head> <body> <div id="top"> </div> <div id="logo"> </div> <div id="cont"> <div id="left"> <div id="focus"> <div class="class1"> </div> </div> <div id="array"> <div class="class1"> </div> </div> </div> <div id="right"> </div> </div> <div id="footer"> </div> </body></html>
在上面的代码中，页面被分成很多小id块，语义明确(http://www.jscode.cn/arthtml/art8397.htm)
css中即使有两个相同的class名，也不冲突
id块不应太多太细
id内部元素全部用class定义，即使只用一次，或者简单的id快用语义化标签提供css支持
js组件应用开放构造，支持html语义和结构
抛砖引玉

		自动登录	找回密码
密码			立即注册