电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>html5在页面布局上带来的新技术革新 新标签:

html5在页面布局上带来的新技术革新 新标签

来源:网络 | 2012-12-7 | (有1748人读过)

以前html4时代,许多网页大都是用id和class的方式对div或p或者span等标签进行css定义布局,以定位网页整体结构。

而目前日趋流行的html5则引入了一系列新的标签来代替原有的复杂标签命名方式。

新标签比如:<header><article><section><aside><footer>等。

<body>  
  <header>...</header>  
  <nav>...</nav>  
  <article>     
 <section>        ...      </section>  
  </article> 
   <aside>...</aside>   
 <footer>...</footer> 
 </body> 


h1与section嵌套的布局结构如图:

<section>   
 <h1>Level 1</h1>    
<section>     
 <h1>Level 2</h1>   
   <section>       
 <h1>Level 3</h1> 
     </section>  
  </section>  
</section> 


供学习html5新技术的前台童鞋做参考。
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

 电脑爱好者群组:15171632(群1)  VB学习群:14746960(群2)
Copyright © 2003-2017 电脑爱好者 版权所有 备案号:鲁ICP备09059398号