分享

2.3新的布局元素(2)-article

 时间剧毒 2019-06-06

学习要点

  1. 了解article元素的语义和用法

  2. 完成一个简单的实例

  1. article元素(标签)

    • 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等.

    • article元素内可以嵌套其他元素,它可以有自己的头、尾、主体等内容。使用时要特别注意内容的独立性,一般对于独立完整的内容才使用article元素,如果只是一段内容的话应该使用section元素。  

  2. <!DOCTYPE html>

  3. <html lang="zh-cn">

  4. <head>

  5. <meta charset="UTF-8">

  6. <title>2.3课堂演示</title>

  7. </head>

  8. <body>

  9. <article>

  10. <header>

  11. <h3>文章标题</h3>

  12. <h5>作者:***</h5>

  13. </header>

  14. <p>我是正文********************<br>********************<br>********************<br>********************<br></p>

  15. <article>

  16. <header><h4>网友A的评论</h4></header>

  17. <p>评论内容......................</p>

  18. <footer>发布时间:2015/10/20</footer>

  19. </article>

  20. <article>

  21. <header><h4>网友b的评论</h4></header>

  22. <p>评论内容......................</p>

  23. <footer>发布时间:2015/10/20</footer>

  24. </article>

  25. <footer>

  26. <p>尾部:阅读:300 评论:80</p>

  27. </footer>

  28. </article>

  29. </body>

  30. </html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多