嫣然含笑:<nav>标签的学习与使用
<nav>元素代表一个部分包含链接,链接到其它页面或者同一页面的其它部分,主要定义了文档中的导航部分。代码如下:
<nav>
More Intoxmain:<a href="http://www.codefordream/">Learn More About</a>
<a href="http://codefordream.com">Learn More About</a>
</nav>
以下是布局文档的几种带有不同意义的标签
1.<details>用于描述某个文档或者部分模块的细节,与<summary>标签配合使用可以为details定义标题,标题是可见的,用户点击标题时,会显示出details,代码如下:
<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>
2.<header>标签可以包含任何内容,通常修饰文档或文章的标题,可以包含一个<h1>~<h6>的标签,或一个<hgroup>标签,也可以包含<nav>标签,<footer>标签通常包含文档的摘要信息部分或者作者。代码如下:
<header>
<h1>我是header标题1</h1>
</header>
<p>正文</p>
<footer id="mainFooter">
codefordream com 2014 <a href="http://www.codefordream.com/">Visit</a>
</footer>
3.<aside>标签布局与当前文档内容相关却在文档内容之外的内容,如:一片文章或者杂志专题的侧边栏,如下图所示:
闭月羞花:测试题
题目要求:写出布局专题的标签,标题为“新闻,国内专题”,格式为h2;布局关于此专题的两篇文章,标题和内容分别为:“2014南方暴雨”“2014南方暴雨详情”“山西官场地震”“山西官场地震详情介绍”,文章标题使用h3,介绍使用p标签;添加导航链接到:“http://www.codefordream.com/”内容为“Learn More About”。代码如下:
<section>
<h2>新闻,国内专题</h2>
<artice>
<h3>2014南方暴雨</h3>
<p>2014南方暴雨详情</p>
</artice>
<artice>
<h3>山西官场地震</h3>
<p>山西官场地震详情</p>
</artice>
</section>
<nav>
More Information:<a href="http://www.codefordream.com/">Learn More About
</nav>