新的内容模型----正在制作

* 伯斯塔尔法则 */
/* 求真务实 */
/* 平稳退化  ==> 渐进增强 */
/* 梅特卡夫定律 : 网络价值同网络用户数量的平方成正比。 */
/* 最终用户优先  一旦遇到冲突，最终用户优先，其次是作者，其次是实现者，其次标准制定者，最后才是理论上的完满。 */

/*内容模型
 header nav  section article footer
*/ 
  < div  class ="user mod" >
      < div  class ="hd" ></ div >
      < div  class ="bd" ></ div >
      < div  class ="ft" ></ div >
  </ div >
 
   < div  class ="user mod" >
      < div  class ="sec-head" ></ div >
      < div  class ="sec-body" >
          < div  class ="hd" ></ div >
          < div  class ="bd" ></ div >
          < div  class ="ft" ></ div >
      </ div >
      < div  class ="sec-foot" ></ div >
  </ div >
 
  < div  class ="user mod" >
      < div  class ="sec-head" ></ div >
      < div  class ="sec-body" >
          < div  class ="hd" ></ div >
          < div  class ="bd" >
         
              < div  class ="sec-article" >
                  < div  class ="sec-head" ></ div >
                  < div  class ="sec-body" >
                     
                      < div  class ="hd" ></ div >
                      < div  class ="bd" ></ div >
                      < div  class ="ft" ></ div >
                     
                  </ div >
                  < div  class ="sec-foot" ></ div >
              </ div >
         
          </ div >
          < div  class ="ft" ></ div >
      </ div >
      < div  class ="sec-foot" ></ div >
  </ div >
 
 =>
  < div  class ="user mod" >
      < div  class ="section-header" ></ div >
      < div  class ="section-article" >
          < div  class ="hd" ></ div >
          < div  class ="bd" ></ div >
          < div  class ="ft" ></ div >
      </ div >
      < div  class ="section-footer" ></ div >
  </ div >
 =>
   < div  class ="user mod" >
      < div  class ="section-header" ></ div >
      < div  class ="section-article" >
          < div  class ="head" ></ div >
          < div  class ="body" ></ div >
          < div  class ="foot" ></ div >
      </ div >
      < div  class ="section-footer" ></ div >
  </ div >
 =>
 
 
 /*
  <! DOCTYPE html >
  < html >
  < head >
      < meta  charset ="utf-8"   />
      < title > html文档  </ title >
  </ head >
  < body >
      < header >
          < h1 >传说中的h1 </ h1 >
      </ header >
     < section >
         < article >
             < header >< h1 > 新的内容模型运行你再搞个h1  </ h1 ></ header >
        
             < section >
                 < article >
                     < header >< h1 > 新的内容模型运行你再搞个h1  </ h1 ></ header >
                     < section  />....
                     < footer ></ footer >
                 </ article >
             </ section >
            
             < footer ></ footer >
         </ article >
     </ section >
     < aside >
    
         < section >
             < article >
                 < header >< h1 > 新的内容模型运行你再搞个h1  </ h1 ></ header >
                 < section  />
                 < footer ></ footer >
             </ article >
         </ section >
        
     </ aside >
     </ header >
</ body >
</ html >
*/

转载于:https://www.cnblogs.com/leamiko/archive/2011/09/23/2186536.html