• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <aside>

    版本:HTML5

    HTML<aside>元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分,,并且可以被单独的拆分出来,而不会使整体受影响。其通常表现为侧边栏或者标注框(call-outboxes)。

    浏览器支持

    IE 9+、Firefox、Opera、Chrome 和 Safari 都支持<aside>标签。
    注释:IE 8 或更早版本的 IE 浏览器不支持<aside>标签。

    示例

    <article>
      <p>
        迪斯尼电影<cite>海的女儿</cite>(<cite>the little mermaid</cite>)于 1989 年首次登上银幕。
      </p>
      <aside>
        在首次发行期间,该片便收获了 8700 万美元的票房。
      </aside>
      <p>
        更多有关该电影的信息…
      </p>
    </article>
    

    标签定义

    • <aside>标签定义<article>标签外的内容。<aside>的内容可用作文档的侧栏。
    • <aside>的内容应该与附近的内容相关。
    内容分类流式元素,章节元素,可触摸内容.
    允许的内容流式元素.
    标签省略不允许,开始标签和结束标签都不能省略。
    允许的父元素所有元素接受流式元素。注意<aside>不能是<address>元素的后代
    允许的ARIA角色feed,note,presentation,region,search
    DOM 接口HTMLElement

    HTML 4.01 与 HTML 5 之间的差异

    <aside>标签是 HTML 5 的新标签。

    属性

    此元素只有全局属性。

    全局属性

    <aside>标签支持HTML 的全局属性。

    事件属性

    <aside>标签支持HTML 的事件属性。

    例子

    <p>my family and i visited the epcot center this summer.</p>
    <aside>
    		<h4>epcot center</h4>
    		<p>the epcot center is a theme park in disney world, florida.</p>
    </aside>
    

    上篇:<article>

    下篇:<footer>