html5新增的结构元素
- article元素(独立内容)
<h1>公司</h1>
<p>发表日期:<time pubdate="pubdate">2014/10/09</time></p>
</header>
<p><b>苹果</b>, 植物类水果,多次花果.....("苹果"文章正文)</p>
<footer>
<p><small>著作版权###公司所有。</small></p>
</footer>
</article>
article元素也可以用来表示插件,它的作用是使插件看起来好像内嵌在页面中。
- section元素(内容分段)
- nav元素
<h1>技术资料</h1>
<nav>
<ul>
<li><a href="/">主页</a></li>
<li><a herf="/events">开发文档</a></li>
</ul>
</nav>
<article>
<header>
<h1> HTML 5 与 CSS 3的历史</h1>
<nav>
<ul>
<li><a href="#HTML 5">HTML 5的历史</a></li>
<li><a href="#CSS 3">CSS 3的历史</a></li>
</ul>
</nav>
</header>
<section id="HTML 5">
<h1>HTML 5的历史</h1>
<p>讲述HTML 5的历史的正文</p>
</section>
<section id="CSS 3">
<h1>CSS 3的历史</h1>
<p>讲述CSS 3的历史的正文</p>
</section>
..。
<footer>
<p>
<a href="?edit">编辑</a> |
<a href="?delete">删除</a> |
<a href="?rename">重命名</a>
</p>
</footer>
</article>
<footer>
<p><small>版权所有...</small></p>
</footer>
- aside元素
- time元素
- header元素
<h1>IT 新技术</h1>
<a href="http://blog.sina.com.cn/itnewtech">
http://blog.sina.com.cn/itnewtech
</a>
<a href="#">[订阅]</a>
<a href="#">[手机订阅]</a>
</hgroup>
<nav>
<ul>
<li>首页</li>
<li><a href="#">博文目录</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">关于我</a></li>
</ul>
</nav>
</header>
- footer元素
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。