首页 / HTML / html新增结构元素解析

html新增结构元素解析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html新增结构元素解析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1104字，纯文字阅读大概需要2分钟。

内容图文

本文主要帮助理解HTML5新增的article、section、aside、nav、time标签的使用场景。

  • section表示页面上的区域，主要的目的是给文章分段等，section里必须包含标题。

                        <section>
<h1>标题</h1>
<article>内容</article>
</section>

  • article表示页面上独立的区域，和section相比，article更注重自身的独立性。

                        <article>
<section>
    <h1>标题</h1>
    <p>内容</p>
</section>
</article>

  • aside表示页面的附加内容，可以是文章的含义，链接等

            <article>
    <section>
        <h1>标题</h1>
         <p>内容</p>
    </section>
</article> 
<aside>
    <h1>评论</h1>
    <section>
        <h2>张<h2>
        <p>好听</p>
    </section>
</aside>

  • nav表示页面的导航，主要包括页面的主导航，侧边栏导航，页内导航和分页导航。

                        <nav>
<ul>
    <li><a href="#">111</li>
    <li><a href="#">222</li>
    <li><a href="#">333</li>
</ul>
</nav>

  • time表示一个时间戳，表示一个标准时间。

                        <div datatime="2017-01-09T13:02">2017-01-09</div>
<div datatime="2017-01-10Z">2017-01-10</div>
<div datatime="2017-01-11+9:00">2017-01-11</div>

原文：https://www.cnblogs.com/zhangjinzhe/p/8250887.html

内容总结

以上是互联网集市为您收集整理的html新增结构元素解析全部内容，希望文章能够帮你解决html新增结构元素解析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1199549.html

来源：【匿名】