我的编程经验之html标准化

如何让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语义和结构

抛砖引玉

相关推荐