位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 定义附栏

提问人:刘团圆发布时间:2020-11-20

    ■知识点

    aside表示附栏,用来标识所处内容之外的内容。aside内容应该与所处的附近内容相关。例如,当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边广告、导航条,以及其他类似的有别于主要内容的部分。 

    aside元素主要有以下两种用法。

    作为主体内容的附属信息部分,包含在article中,aside内容可以是与当前内容有关的参考资料、名词解释等。

    作为页面或站点辅助功能部分,在article之外使用。最典型的形式是侧边栏,其中的内容可以 是友情链接,最新文章列表、最新评论列表、历史存档、日历等。

    ■实例设计

【示例1】下面的示例设计一篇文章,文章标题放在header中,在header后面将所有关于文章的部分放在了一个article中,将文章正文放在一个p元素中。该文章包含一个名词注释的附属部分,因此在正文下面放置了一个aside元素,用来存放名词解释的内容。

<header〉

    <hl>HTML5</hl>

</header>

<article>

    <hl>HTML5历史</hl>

    <p>HTML5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,于2007年被 W3C接纳,并成立了新的HTML工作团队。HTML5的第一份正式草案已于2008年1月22日公布。2014 年10月28日,W3C的HTML工作组正式发布了HTML5的官方推荐标准。</p>

    <aside>

        <hl>名词解释</hl>

        <dl>

            <dt>WHATWG</dt>

            <dd>Web Hypertext Application Technology Working Group, HTML 工作开发 组的简称,目前与W3C组织同时研发HTML5。</dd>

        </dl>

        <dl>

            <dt>W3C</dt>

            <dd>World Wide Web Consortium,万维网联盟,万维网联盟是国际著名的标准化组织。1994年成立后,至今己发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。</dd>

        </dl>

    </aside>

</article>

这个aside被放置在一个article内部,因此引擎将这个aside内容理解为是与article内容相关联的。 

【示例2】下面的代码使用aside元素为个人博客添加一个友情链接的辅助版块。

<aside>

    <nav>

        <h2> 友情链接</h2>

        <ul>

            <li> <a href="#">网站 l</a></li>

            <li> <a href="#">网站 2</a></li>

            <li> <a href="#">网站 3</a></li>

        </ul>

    </nav>

</aside>

    友情链接在博客网站中比较常见,一般放在左右两侧的边栏中,因此可以使用aside来实现,但是这个版块又具有导航作用,因此嵌套了一个nav元素,该侧边栏的标题是“友情链接”,放在了h2元素中,在标题之后使用了一个ul列表,用来存放具体的导航链接列表。

继续查找其他问题的答案?

发表评论(共0条评论)
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,发表审核后显示!

2021年国家电网校园招聘考试直播课程通关班

  • 讲师:刘萍萍 / 谢楠
  • 课时:160h
  • 价格 4580

特色双名师解密新课程高频考点,送国家电网教材讲义,助力一次通关

配套通关班送国网在线题库一套

课程专业名称
讲师
课时
查看课程

2020年解放军文职招聘考试全程直播课

杜老师139课时试听目录

2021级国家电网招聘考试管理专业知识精讲班直播课

黎老师160小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班直播课

贺老师160小时试听目录

2021级国家电网招聘考试金融专业知识精讲班直播课

钟老师140小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班直播课

杜老师160小时试听目录

2021级国家电网招聘考试通信专业知识精讲班直播课

李老师350小时试听目录

2021级国家电网招聘考试财会专业知识精讲班直播课

王老师120小时试听目录

2021级国家电网招聘考试研究生题海班直播课程

严老师180小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班直播课

彭老师160小时试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

蒋老师168h试听目录

2021级国家电网招聘考试本科电气专业题海训练班直播课

谷老师165小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班直播课

严老师160小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班直播课

王老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识题海训练直播课

杨老师146小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班直播课

崔老师180小时试听目录

2020年湖南中烟公司招聘考试技术工人二岗直播课

刘老师140小时试听目录

2020年湖南中烟公司招聘考试生成车间工人考试直播课

王老师125小时试听目录

2020年湖南中烟公司招聘考试技术工人一岗直播课

李老师140小时试听目录

2020年湖南中烟公司招聘直播课程(协议班)

崔莹莹168h试听目录

2020湖南农村信用社招聘笔试培训(协议保过班)

谢楠200h试听目录

2020军队文职招聘考试面试培训(协议保过班)

刘萍萍124h试听目录

2021国家电网招聘考试录播视频课程

  • 讲师:崔莹莹 / 刘萍萍
  • 课时:180h
  • 价格 3580

特色解密新课程高频考点,免费学习,助力一次通关

配套全套国网视频课程免费学习

课程专业名称
讲师
课时
查看课程

2021级国家电网招聘考试管理类专业知识精讲班录播课

王老师150小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班录播课

谷老师148小时试听目录

2021级国家电网招聘考试其它工学类专业知识精讲班录播课

夏老师150小时试听目录

2021级国家电网招聘考试其它专业题海练习班录播课

刘老师125小时试听目录

2021级国家招聘考试其它专业题海练习班录播课

李老师140小时试听目录

2021级国家电网招聘考试其它专业知识精讲班录播课

贾老师120小时试听目录

2021级国家电网招聘考试金融专业知识精讲班录播课

王老师140小时试听目录

2021级国家电网招聘考试通信专业知识精讲班录播课

黄老师188小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班录播课

谷老师120小时试听目录

2021级国家电网招聘考试财会专业考前押题班录播课

夏老师15小时试听目录

2021级国家电网招聘考试财会专业题海练习班录播课

杨老师180小时试听目录

2021级国家电网招聘考试财会专业知识精讲班录播课

蒋老师156小时试听目录

2021级国家电网招聘考试研究生电气考前押题班录播课

谷老师12小时试听目录

2021级国家电网招聘考试研究生电气专业题海练习班录播课

李老师170小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班录播课

崔老师150试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

王老师120小时试听目录

2021级国家电网招聘考试本科电气题海练习班录播课

王老师158小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班录播课

谷老师170小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班录播课

蒋老师12小时试听目录

2021级国家电网招聘考试专科电气专业题海练习班录播课

崔老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班录播课

王老师180小时试听目录

在线题库
在线报名
  • 报考专业:
    *(必填)
  • 姓名:
    *(必填)
  • 手机号码:
    *(必填)
返回顶部