html5学习新的知识总结(一)
2012-02-07 15:09
543 查看
最近一段时间在学习html5的一些标签属性,年前也学过一些,但是都没用过,发现好多都忘记了,这几天复习了一下:
新增加的主体结构元素主要包括:article、section、nav、aside等元素;
新增加的非主体结构元素主要包括:header、hgroup、footer、address等元素;
article元素主要用于主要用代表文档、页面或者应用程序中的独立的、完整的,可以独立被外部引用的内容。它通常有自己的标题,一般标题放在header元素里面,有时还有自己的footer,article可以嵌套使用。
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素一般有标题和内容组成;
<article>
<header>
<h1>苹果</h1>
<p> 发表日期:
<time pubdate datetime="2010/10/09">2010/10/29</time>
</p>
</header>
<p> <b>苹果</b>植物类水果,。。。。 </p>
<section>
<h2>评论</h2>
<article>
<header>
<h3>发表者:蓝枫</h3>
<p>
<time pubdate datetime="2010-10-10T19">1小时前</time>
</p>
</header>
<p>我喜欢苹果</p>
</article>
<article>
<header>
<h3>发表者:秋秋</h3>
<p>
<time pubdate datetime="2010-10-11">1小时前</time>
</p>
</header>
<p>苹果苹果</p>
</article>
</section>
</article>
section一般强调的分段或者分块,而article元素强调的独立性,article元素可以解释成一种特殊的section元素,它比section更强调独立性。
新增加的主体结构元素主要包括:article、section、nav、aside等元素;
新增加的非主体结构元素主要包括:header、hgroup、footer、address等元素;
article元素主要用于主要用代表文档、页面或者应用程序中的独立的、完整的,可以独立被外部引用的内容。它通常有自己的标题,一般标题放在header元素里面,有时还有自己的footer,article可以嵌套使用。
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素一般有标题和内容组成;
<article>
<header>
<h1>苹果</h1>
<p> 发表日期:
<time pubdate datetime="2010/10/09">2010/10/29</time>
</p>
</header>
<p> <b>苹果</b>植物类水果,。。。。 </p>
<section>
<h2>评论</h2>
<article>
<header>
<h3>发表者:蓝枫</h3>
<p>
<time pubdate datetime="2010-10-10T19">1小时前</time>
</p>
</header>
<p>我喜欢苹果</p>
</article>
<article>
<header>
<h3>发表者:秋秋</h3>
<p>
<time pubdate datetime="2010-10-11">1小时前</time>
</p>
</header>
<p>苹果苹果</p>
</article>
</section>
</article>
section一般强调的分段或者分块,而article元素强调的独立性,article元素可以解释成一种特殊的section元素,它比section更强调独立性。
相关文章推荐
- HTML5标签汇总及知识学习线路总结
- Atitit 学习方法 补充 艾龙 著 attilax著 1. Atitit 学习的方法 attilax总结 1 1.1. 2. 基于学习策略的分类 2 2 1.2. 3. 基于所获取知识的表示形
- 嵌入式arm学习总结(一)--电子基础知识
- 【HTML5 未完】HTML5之元素与标签结构--慕课网【学习总结】
- html5学习总结
- java学习之路之web知识总结
- UML学习个人总结——UML基础知识
- dll 学习相关知识总结
- 免杀学习经典技术知识总结
- HTML5 学习总结
- HTML5学习总结-番外05 http 状态码
- Maven深入学习(四)- 知识总结
- 黑马程序员_java基础知识学习总结四
- HTML5基础知识总结
- 【ASP.NET开发】ASP.NET(MVC)三层架构知识的学习总结 分类: ASP.NET 2012-09-27 17:09 1985人阅读 评论(1) 收藏
- [置顶] Java基础知识学习总结链接
- 这一次不写什么知识博客,就遇到的学习过程中的问题简要概述一下,算是给自己做个归纳总结吧
- HTML5 WEBGL学习1 3D基础知识
- 2017.10.23学习知识总结回顾及编写新网页
- 近期学习javascript和jquery遇到一些问题的技巧知识总结