Heim > Artikel > Web-Frontend > Aside标签_html/css_WEB-ITnose
Aside标签_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:47:481954Durchsuche
aside
HTML5提供的aside元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。
根据目前的规范，aside元素有两种使用方法：
被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。
在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>
HTML5学习笔记简明版（3）：新元素之hgroup,header,footer,address,nav
aside也跟侧边栏没关系，它表示的是工具性的东西，跟核心内容关系不大。（言外之意可能是read it later工具或者搜索引擎也许可以忽略）
HTML5 里 section article 什么区别？header footer nav 该怎么理解？
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：keygen标签_html/css_WEB-ITnoseNächster Artikel：progress标签_html/css_WEB-ITnose