HTML5新元素section和article的区别详解,html5论坛博客
尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议使用div元素。类似于li元素，section元素是用来列举内容的。
article：这是一个特殊的 section 标签，它比 section 具有更明确的语义， 它代表一个独立的、完整的相关内容块。一般来说，article 会有标题部分（通常包含在 header 内），有时也会 包含 footer 。
div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。
玩转html5移动页面,怎样优化代码
1、精简代码又分五个小步骤：清理垃圾代码；html标签转换；CSS优化；4js优化以及表格优化。1 垃圾代码是指那些在删除的情况下也不会影响页面正常显示的非必要代码。
2、用好html标签重定义，精简代码！Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等，我们都可以用到页面中，然后在Css文件重定义样式。
3、清除页面中多余的代码，比如注释代码，减少页面代码的容量。
4、图片优化：图片是网页中最重要的元素之一。为了提高图片加载速度，可以使用压缩工具对图片进行压缩，并使用合适的格式来存储图片 。
5、SEO优化网页代码，利用夫唯“四处一词”理论，可以从以下几个方面：title标签 title标签能够告诉用户和搜索引擎网页页面的主题思想是什么，一直是搜索引擎的抓取重点。
6、然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。
html5中article和p的区别?
1、最后说下p和section，你写了这么一篇文章肯定分了好多自然段，这些自然段就是p，而整篇文章可能按照其大义分了段（又叫章节，一个章节可能有多个自然段组成）这时候这个分出来的大的段落就叫section。
2、p，ulli标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等。article标签定义外部的内容，比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。
3、对于 section 和 article 的区分乍看比较难，其实重点就是看看这段内容脱离了整体是不是还能作为一个完整的、独立的内容而存在，这里面的重点又在完整身上。