官术网_书友最值得收藏!

The <article> element

As per the MDN definition:

The HTML Article Element (<article>) represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, or any other independent item of content. Each <article> should be identified, typically by including a heading (h1-h6 element) as a child of the <article> element.

Here are a few important points to remember about the <article> element:

  • Any self-contained content should be placed inside the <article> element.

    Self-contained means that if we take the <article> element and everything inside it out into another context, all the content is self-explanatory and does not need anything else around it to be understood.

  • An <article> can be nested inside another <article> element.
  • There can be more than one <article> element in a single page.

Consider the following example:

<body>
    <main class="main-container" role="main">
       <article class="article-container flex-container">
           Content goes here
       </article>
    </main>
</body>
主站蜘蛛池模板: 南城县| 潮州市| 北川| 营山县| 西昌市| 青州市| 同仁县| 休宁县| 和龙市| 汉阴县| 青冈县| 钟山县| 沧州市| 陕西省| 三穗县| 汤原县| 汕头市| 紫金县| 开封县| 永昌县| 余庆县| 绵竹市| 西平县| 淮阳县| 黑山县| 荣昌县| 泾川县| 宣城市| 普安县| 高淳县| 元阳县| 肇源县| 武山县| 高雄市| 阿克苏市| 金乡县| 当雄县| 高雄市| 莒南县| 杨浦区| 安龙县|