好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5中的Article和Section元素认识及使用_html5教程技巧


HTML5带出了一系列新元素,并且将在未来被广泛应用。然而,有一些元素在使用时易被混淆,包括以下两个新元素:和 。
最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素?

Section元素
这 是一个最容易产生歧义的元素。它与

元素有什么区别?我们一直在用

来划分段落,所以除 了

,我们什么时候使用这个元素。我们引用官方文档来阐述它。根据WHATWG文档,对 元素做了以下 描述:
[ 元素表示了一篇文档或应用中,通用段落 - WHATWG]

从描述中我们可以看出 元素的作用就是分段,或多或少类似于

。但是它仍有一个特例。在文档中,加入了一段特别声明:
[当一个元素仅用于风格样式或是为了脚本的方便,我们鼓励作者使用

。 元素适用于,当元素的内容需要明确的列出时。- WHATWG]

基于这一点,我们可以总结以下两点 :
第一,尽管section元素在技术上是可以设计样式的,但是当有复杂的样式或脚本时,我们仍建议使用div元素。
第二,类似于 元素,section元素是用来列举内容的。

因此在现实例子中,使用 元素的原因是结构化的列出博客的内容,代码如下:

查看更多关于HTML5中的Article和Section元素认识及使用_html5教程技巧的详细内容...

  阅读:45次