日期:2013-12-25  浏览次数:20687 次

网页制造aiyiweb文章简介:下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的阶段,可能看看大师的讲解会更容易理解。由于才疏学浅,很多不明白的地方可能只是做了字面上的翻译,不对的地方还请大家多多指教。

最近组内进行HTML5标签的学习,方法呢就是大家每人挑选几个标签,本人先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是如今HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的阶段,可能看看大师的讲解会更容易理解。由于才疏学浅,很多不明白的地方可能只是做了字面上的翻译,不对的地方还请大家多多指教。
下面附上原文地址:Avoiding common HTML5 mistakes 作者 :,有疑问的地方大家可以核对英文。

在这篇文章中,我将给大家分享html5构建页面的小错误和不好的实践方法,让我们在当前的任务中避免这些错误。

不要把 <Section> 当成简单的容器来定义款式

我们经常看到的一个错误,就是武断的将<div>标签用<section>标签来替代,特别是将作为包围容器的<div>用<section>来替换。在XHTML或者HTML4中,我们将会看到类似下面的代码:

01 <!-- HTML 4-style code -->
02 <div id="wrapper">
03 <div id="header">
04 <h1>My super duper page</h1>
05 <!-- Header content -->
06 </div>
07 <div id="main">
08 <!-- Page content -->
09 </div>
10 <div id="secondary">
11 <!-- Secondar