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

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

以前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新技术的前台童鞋做参考。

上一篇：phpcms与dedecms比较个人站长选择哪个好
下一篇：智能手机选用参考：苹果(apple的ios)与安卓(谷歌的android)我该选哪个

HTML热门文章排行

网站赞助商

购买此位置

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

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

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