HTML5中的Article和Section元素

日期：2013-3-20  来源：GBin1.com

HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：和。

最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？

相关教程: GBin1专题之HTML5教程

Section元素

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

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

来划分段落，所以除 了

,我们什么时候使用这个元素。我们引用官方文档来阐述它。根据WHATWG文档，对元素做了以下 描述：

“元素表示了一篇文档或应用中，通用段落 - WHATWG”

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

。但是它仍有一个特例。在文档中，加入了一段特别声明：

“当一个元素仅用于风格样式或是为了脚本的方便，我们鼓励作者使用

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

基于这一点，我们可以总结以下两点：

第一，尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议使用div元素。

第二，类似于

元素，section元素是用来列举内容的。

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

........

总结

如万维网的创始人和W3C的董事所预测的那般，所有HTML5创造出来的新元素都是为了是网络结构更加语义化。如何正确的应用这些元素在网络开发者和设计者之间，仍存有争论。

无论如何，不要混淆观点。如我之前提出的，只要是合理的情况，且你看到使用了它使得结构变得意义非凡，那么请用它。

相关阅读：HTML5/CSS3系列教程：HTML5 区域(Sectioning)的重要性

via 极客社区

来源：HTML5中的Article和Section元素

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/8288/viewspace-756817/，如需转载，请注明出处，否则将追究法律责任。

0

0

分享到：

上一篇： 将CSS CLIP属性应用在：扩展覆盖效果

下一篇： 超简洁的响应式幻灯 - unslider

请登录后发表评论 登录

全部评论

<%=items[i].createtime%>

<%=items[i].content%>

<%if(items[i].items.items.length) { %>

<%for(var j=0;j

<%=items[i].items.items[j].createtime%> 回复

<%=items[i].items.items[j].username%>   回复   <%=items[i].items.items[j].tousername%>： <%=items[i].items.items[j].content%>

<%}%> <%if(items[i].items.total > 5) { %>

还有<%=items[i].items.total-5%>条评论 ) data-count=1 data-flag=true>点击查看

<%}%>

<%}%>

<%}%>

jjfat

注册时间：2011-10-08

• 博文量
  316
• 访问量
  377083

最新文章

• 代码录播：jQueryMobile 实现一个简单的弹出框效果
• 15个超级实用的jQuery插件
• 异类的Javascript处理和解析URL的方式
• iPad Air PSD设计模板
• 25个让你脱颖而出的创意简历模板分享
• 使用javascript开发的视差滚动效果的云彩 极客标签 - 做最棒的极客知识分享平台
• 使用HTML5的两个api，前端js完成图片压缩
• 会说话的HTML--语义化杂谭-TGideas-腾讯游戏官方设计团队
• 使用javascript开发的视差滚动效果的云彩
• 帮助自定义选择框样式的Javascript - DropKick.js

支持我们 作者招募 用户协议 FAQ Contact Us

北京盛拓优讯信息技术有限公司. 版权所有  京ICP备09055130号-4  北京市公安局海淀分局网监中心备案编号：11010802021510

广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员

转载于:http://blog.itpub.net/8288/viewspace-756817/