zoukankan      html  css  js  c++  java
  • html5--2.4新的布局元素(3)-section

    html5--2.4新的布局元素(3)-section

    学习要点

    1. 了解section元素的语义和用法
    2. 通过实例理解section元素的用法
    3. article元素和section元素的区别和共同点
      1. article元素(标签)
        • 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等.
        • article元素内可以嵌套其他元素,它可以有自己的头、尾、主体等内容。使用时要特别注意内容的独立性,一般对于独立完整的内容才使用article元素,如果只是一段内容的话应该使用section元素。
      1. section元素(标签)
        • 用来定义文章中的章节(通常应该有标题和段落内容)
        • 用来定义文档中特定内容的区块,可视为一个区域分组元素,用来给页面上的内容分块。
        • section元素可以定义文档的主体内容
        • 用一句话来概括它的作用就是给内容分段,给页面分区
        • 注意他与div的区别,div强调在形式上的独立性section强调的是内容上的独立性,注意它的语义
      1. article元素和section元素的区别

    语义不同

        • article元素更强调内容的独立性(比如说一篇文章)
        • section元素更强调内容的关联性(比如说两个段落,是相似的)
        • article元素是独立完整的内容,section元素页面内容分块

    相同点

      • 本质上都是带有语义的div块元素
      • 分别可以看作&ltdiv id="section"&gt和&ltdiv id="article"&gt

     实例

    用来定义文档中特定的区块

     

     

  • 相关阅读:
    Luogu P1004 方格取数
    Luogu P1896 [SCOI2005]互不侵犯
    Luogu P1879 [USACO06NOV]玉米田Corn Fields 【状压dp模板】
    高精度模板(结构体)
    【模板】快读
    vue input框type=number 保留两位小数自定义组件
    elementui表格表头合并
    将excle表中得数据生成insert语句插入到数据库中
    数据库基本语法
    ztree 数组和树结构互转算法
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7906989.html
Copyright © 2011-2022 走看看