• html5的结构


    目录

    一、新增的主体结构元素

      1.1、article元素

      1.2、section元素

      1.3、nav元素

      1.4、aside元素

      1.5、time元素

      1.6、pubdate元素

    二、新增的非主体结构元素

      2.1、header元素

      2.2、footer元素

      2.3、address元素

      2.4、main元素

    三、HTML5中网页结构

      3.1、HTML5中的大纲

      3.2、大纲中的编排规则

      3.3、对新的结构元素使用样式

    一、新增的主体结构元素

      1.1、article元素

        article元素:代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

          特点:1)通常有自己的标题,有时还有自己的脚注

    `         2)可以进行嵌套,内容的内层与外层内容相关联

      1.2、section元素

        section元素:对页面上的内容进行分块,或者说对文章进行分段

           特点:1)通常由内容及其标题组成

              2)不推荐没有标题的内容使用section元素

              3)强调分块,article强调独立性

           禁忌:1)不要将section元素用作设置样式的页面容器,用div代替

              2)如果article元素、aside元素或者nav元素更符合状况,不要使用section元素。

              3)不要为没有标题的内容使用section元素

      1.3、nav元素

        nav 元素:用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分

         特点:1)一个页面可以有多个nav 元素

         用的场合:1)传统导航条

              2)侧边栏导航

              3)页内导航

              4)翻页操作

      1.4、aside元素

          aside元素:用来表示当前页面或文章的附属信息部分,可以包含侧边栏、广告、导航条,以及其他类似的有别于主要内容的部分

            用法:1)包含在article元素中作为主要内容的附属信息部分

               2)在article元素之外使用,作为页面或站点全局的附属信息部分。最典型的形式是侧边栏

      1.5、time元素

          time元素:无歧义地、明确地对机器编码日期和时间,并且以让人读的方式来展现。

                <time datatime="2010-11-13" >我的生日</time>

      1.6、pubdate元素

          pubdate元素:可选的boolean值得属性,代表time元素代表文章或整个网页的发布日期。

     

    二、新增的非主体结构元素

      2.1、header元素

          header元素:具有引导和导航作用的结构元素,通常来防止整个页面或页面内的一个区块的标题

            特点:1)通常至少包括1个heading元素,还可以包括hgroup,nav元素

               2)一个页面可以包括多个header元素

      2.2、footer元素

          footer元素:可以为其上层伏击区块或一个根区块的脚注。

             特点:1)通常包括其相关区块的脚注信息,如作者、相关阅读链接以及版权信息

    `             2)一个页面可以包括多个footer元素

      2.3、address元素

          address元素:用来在文档中呈现联系信息,包括作者的名字,电子邮件等

      2.4、main元素

          main元素:表示网页中的主要内容。

             特点:1)一个页面只能有一个main元素

                2)不能将main元素放在任何article、aside、footer、header和nav元素内部

                3)不对页面内容进行分区或或分块,不会对下文要描述的网页大纲产生任何影响

    三、HTML5中网页结构

      3.1、HTML5中的大纲

      3.2、大纲中的编排规则

           3.2.1、显示编排内容区块

                明确使用section等元素创建文档结构,在每个内容区块使用标题元素。

           3.2.2、隐式编排内容区块

                不指明使用section等元素,而是根据页面中所书写的各级标题等自动创建内容区块。

           3.2.3、标题分级

                h1级别最高,h6级别最低

              隐式编排规则:1)如果新出现的标题比上一个标题级别低,生成下级内容区块

                     2)如果新出现的标题比上一个标题级别高或者相等,生成新的内容区块

           3.2.4不同的内容区块可以使用相同级别的标题   

      3.3、对新的结构元素使用样式

          

  • 相关阅读:
    C#多线程编程实战(一):线程基础
    查找算法之顺序查找
    设计模式01 创建型模式
    查找算法之二分查找
    设计模式01 创建型模式
    每天学一个,设计模式概要
    设计模式 01
    汽车电子传感器科普:激光雷达 毫米波雷达 超声波雷达
    C 如何判断编译器是否支持C90 C99?
    Node.js之EventEmiter
  • 原文地址:https://www.cnblogs.com/15fj/p/7754140.html
Copyright © 2020-2023  润新知