• html5结构性元素简单介绍


    一、结构性元素主要负责web上下文结构的定义

    1、<section>:区段 类似于段落;在 web 页面应用中,该元素也可以用于区域的章节描述。

    2、<header>:页面主体上的头部, header 元素往往在一对 body 元素中。

    3、<footer>:页面的底部(页脚),通常会标出网站的相关信息。

    4、<nav>:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。

    5、<article>:用于表现一篇文章的主体内容,一般为文字集中显示的区域。

    二、article与section的区别:

    1、section和article可以互相嵌套,它们没有上下级关系,section可以包含article,article也可以包含section;
    2、article是文章,文章就是一段完整的独立的内容;
    3、section就是块,某种意义上可以理解为div,但是比div的意思更加明确一点。

    三、section与div的区别:

    1、section和div都可以对内容进行分块,但是section是进行有意义的分块,无意义的分块应该由div来做,例如用作设置样式的页面容器。
    2、section内部必须有标题,标题也代表了section的意义所在。

    四、使用<section>标签需注意:

    1、不要将<section>当成<div>乱用。
    2、如果<article>、<aside>或<nav>更符合状况,不要使用<section>。
    3、尽量不要为没有标题的内容区块使用<section>

  • 相关阅读:
    Vue3小知识
    Eslint小知识
    微信小程序注意点
    vue常用方法2
    vue常用方法
    vue组件常用方法
    013 --TypeScript之高级类型
    012--TypeScript之类型推断
    jenkins window unity 控制台输出中文乱码
    Unity 生成 Android App Bundle(aab) (二)
  • 原文地址:https://www.cnblogs.com/javacyq/p/14232386.html
Copyright © 2020-2023  润新知