Maison > interface Web > tutoriel HTML > Aside标签_html/css_WEB-ITnose

Aside标签_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:47:48
original
2002 Les gens l'ont consulté

aside

HTML5提供的aside元素标签用来表示当前页面或文章的附属信息部分,可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分。

根据目前的规范,aside元素有两种使用方法:

  1. 被包含在article中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的引用、词汇列表等。

  2. 在article之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等。

下面的代码示例综合了以上两种使用方法:

<body><header>    <h1>My Blog</h1></header><article>    <h1>My Blog Post</h1>    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor        incididunt ut labore et dolore magna aliqua.</p>    <aside>        <!-- Since this aside is contained within an article, a parser  should understand that the content of this aside is directly related  to the article itself. -->        <h1>Glossary</h1>        <dl>            <dt>Lorem</dt>            <dd>ipsum dolor sit amet</dd>        </dl>    </aside></article><aside>    <!-- This aside is outside of the article. Its content is relatedto the page, but not as closely related to the above article -->    <h2>Blogroll</h2>    <ul>        <li><a href="#">My Friend</a></li>        <li><a href="#">My Other Friend</a></li>        <li><a href="#">My Best Friend</a></li>    </ul></aside></body>
Copier après la connexion

HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav

aside也跟侧边栏没关系,它表示的是工具性的东西,跟核心内容关系不大。(言外之意可能是read it later工具或者搜索引擎也许可以忽略)

HTML5 里 section article 什么区别?header footer nav 该怎么理解?

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal