pubdate元素、Nav元素、article元素、section元素

<header>
<h1>
你好 pubdate
</h1>
<!--当有多个时间时,有pubdate属性的表示文章的发布时间-->
<p>发布时间:<time  datetime="2018-12-5" pubdate="pudate">2018年12月5日</time></p>
</header>

<p>国庆节 <time datetime="2018-10-1">10月1日</time>开始放假</p>


------------------------------------------------------------------------------------------------------------------------------------

<!--<section>
<h1>这是一个section元素</h1>
<p>这是内容区域</p>
<section>
<h2>A</h2>
<p>A的内容</p>
</section>
<section>
<h2>B</h2>
<p>B的内容</p>
</section>
</section>-->






<!--<article>
<h1>产品</h1>
<p>详细的产品列表</p>
<section>
<h2>产品A</h2>
<p>产品A的介绍</p>
</section>
<section>
<h2>产品B</h2>
<p>产品B的介绍</p>
</section>
</article>-->
<!--内容相对独立时用article,内容分为几块是用section-->
<!--<section>
<h1>产品</h1>
<p>产品种类列表</p>

<article>
<h2>产品A</h2>
<p>产品A介绍</p>
</article>

<article>
<h2>产品B</h2>
<p>产品B介绍</p>
</article>
</section>-->

<!--aside元素在网站制作中主要有以下两种使用方法


1)被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。-->
<!--
<header>
<h1>h1标题,熊猫在哪里</h1>
</header>
<article>
  <h2>看熊猫去熊猫基地</h2>
  <p>那里有很多熊猫那里有很多熊猫那里有很多熊猫那里有很多熊猫那里有很多熊猫那里有很多熊猫</p>
  <aside>
  <h3>(aside用于名词解析)名词解释:</h3>
  <dl>
  <dt>熊猫基地</dt>
  <dd>大熊猫基地在四川卧龙</dd>
  </dl>
  </aside>
</article>-->




<!--2)在article元素之外使用作为页面或站点全局的附属信息部分。
例如网站公告
最典型的是侧边栏,其中的内容可以使友情链接,博客中的其它文章列表、广告单元等。
-->
<!--<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>-->


<!--什么是Nav元素


Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,
点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所
有的链接组都要被放在nav元素里面,我们只需要把最主要的、基本的、
重要的放在nav元素里面即可。


比如说页脚底部如果有个版权申明,我们就不建议使用nav元素,而是
使用footer元素是最合适的。一个页面中我们可用多个nav元素作为整
体或者不同部分的导航




-->
<!--<h1>nav的使用方法</h1>


<nav>

<ul>

<li>

<a href=''>首页</a>

</li>

<li>

<a href=”aside元素.html”>aside</a>

</li>

<li>

<a href=”section元素.html”>section</a>

</li>

</ul>


</nav>
-->

<!--<article>


<header>

<h2>NAV-1</h2>

<nav>

<li>

<a href=”section元素.html”>section</a>

</li>

<li>

<a href=”新增的主体结构元素.html”>s新增的主体结构元素</a>

</li>
</nav>
</header>


</article>//这就实现了一层的嵌套


<article>


<header>

<h2>NAV-1</h2>

<nav>

<li>

<a href=”section元素.html”>section</a>

</li>

<li>

<a href=”新增的主体结构元素.html”>s新增的主体结构元素</a>

</li>

</header>
</nav>
</article>-->




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值