Aside標籤

時間 2019-11-10

標籤 aside 標籤简体版

原文原文鏈接

aside

HTML5提供的aside元素標籤用來表示當前頁面或文章的附屬信息部分，能夠包含與當前頁面或主要內容相關的引用、側邊欄、廣告、nav元素組，以及其餘相似的有別與主要內容的部分。html

根據目前的規範，aside元素有兩種使用方法：ide

被包含在article中做爲主要內容的附屬信息部分，其中的內容能夠是與當前文章有關的引用、詞彙列表等。工具
在article以外使用，做爲頁面或站點全局的附屬信息部分；最典型的形式是側邊欄(sidebar)，其中的內容能夠是友情連接、附屬導航或廣告單元等。學習

下面的代碼示例綜合了以上兩種使用方法：this

<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 related

to 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工具或者搜索引擎也許能夠忽略）code

HTML5 裏 section article 什麼區別？header footer nav 該怎麼理解？htm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。