html5标签使用的常见误区

html5标签使用的常见误区

ID:8971548

大小:26.34 KB

页数:8页

时间:2018-04-13

html5标签使用的常见误区_第1页
html5标签使用的常见误区_第2页
html5标签使用的常见误区_第3页
html5标签使用的常见误区_第4页
html5标签使用的常见误区_第5页
资源描述:

《html5标签使用的常见误区》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

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

2、mmonHTML5mistakes,作者:RichardClark,有疑问的地方大家可以核对英文。  在这篇文章中,我将给大家分享HTML5构建页面的小错误和不好的实践方法,让我们在以后的工作中避免这些错误。  不要把

当成简单的容器来定义样式  我们经常看到的一个错误,就是武断的将
标签用
标签来替代,特别是将作为包围容器的
来替换。在XHTML或者HTML4中,我们将会看到类似下面的代码:

Mysu

3、perduperpage

  现在我看到了下面的代码样子:

Mysuperduperpage

4、- Headercontent -->

  直观的看,上面的例子是错误的:
并不是一个容器。
元素是有语意的区段,帮助构建文档大纲。它应该包含标题。如果你要寻找一个可以包含页面的元素(不论是HTML或者XHTML),通常的做法是直接对<

5、body>标签定义样式就像KrocCamen描述的那样子,如果你还需要额外的元素来定义样式,使用

,就像DrMike 阐述的那样,div并没有灭亡,如果这里没有其它更合适的,div可能是你最合适的选择。  记住这点,这里我们重新修正了上面的例子,通过使用两个新角色。(你是否需要额外的
取决于你的设计。)

Mysuperduperpage

6、">

  如果你还是无法确定哪一个元素更适合使用,我建议你去查看HTML5sectioningcontentelementflowchart来让你继续前行。  只在需要的时候使用
标签  使用标记的时候写入了一些并不需要的现象这是不合理的。不幸的是,经常发现大家在并不需要的地方使用
标签。你可以跟进我们关于
的最新进展,下面是我的简单归纳:·<

7、header>元素通常是通常作为一组解释或者导航辅助工具,通常包含section的标题.·

元素会将当有副标题子标题,各类标识文字时,对

标题进行群组,将其作为section的标题.  过度使用的
  你肯定知道,在一个文档中,可以使用多次
标签,下面就是一种很受大家欢迎的模式: