article标准用法

最新推荐文章于 2024-10-11 20:52:27 发布

weixin_30906185

最新推荐文章于 2024-10-11 20:52:27 发布

阅读量489

点赞数

文章标签：操作系统

原文链接：http://www.cnblogs.com/white-the-Alan/p/9240488.html

版权

article标准用法

article代表一个在文档、页面或者网站中自成一体的内容

其目的是为了让开或重用

譬如论坛的帖子、博客的文章、一片用户的评论、一个互动的widget小工具

article 会有一个标题（通常在header里），会有一个footer页脚

如果在aritcle内部再嵌套article

那就代表的article是与它外部的内容有关联，如博客文章下面的评论

标准article元素的用法：

<article>
 <h1>文章标题</h1>
 <p>文章内容</p>
 <footer>
     <p><small>版权</small></p>  
  </footer>    
</article>
效果如下



例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> article </title>
</head>
<body>
    <article>
        <header>
            <h1>王者荣耀</h1>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid esse odio quam quo repellat? Accusamus
            atque, dicta dolore iste maxime odio odit sequi suscipit tempora ut. Aspernatur officia placeat
            quibusdam!</p>
        <p>Amet eos esse nisi numquam obcaecati quos repellat saepe. Ab alias aliquam assumenda consequuntur cumque
            debitis, deserunt, enim expedita in molestias mollitia voluptatum! Cumque dicta laborum magni maiores
            recusandae repudiandae!</p>
        <p>Deleniti distinctio, eveniet magnam maiores odio officiis provident reprehenderit. Aliquid eius, enim
            expedita labore magnam odit quae quaerat quisquam tempore voluptates? Cupiditate error nisi quaerat ratione
            reiciendis sed soluta voluptas.</p>
        <footer>
            
            &copy; 2017
        </footer>

    </article>
</body>