• HTML5新增的主体结构元素


    -----------------------siwuxie095

       

       

       

       

       

       

       

       

    HTML5 新增的主体结构元素

       

       

    1、article 元素

       

       

    article 元素代表文档、页面 或 应用程序中独立的、完整的、可以

    独自被外部引用的内容

       

    它可以是一篇博客、一篇论坛帖子、一段用户评论 独立的插件。

    总之,它可以是任何独立的内容

       

    article 元素可以嵌套使用

       

    article 元素可以用来表示插件

       

       

       

    2、section 元素

       

    section 元素用于对网站 或 应用程序中页面上的内容进行分块

       

    一个 section 元素通常由内容及标题组成,但 section 元素并

    非是一个普通的容器元素

       

    当一个容器需要被直接定义样式 通过脚本定义行为时,推荐

    使用 div 元素而非 section 元素

       

       

       

    3、nav 元素

       

    nav 元素是一个可以用作页面导航链接组,其中的导航元素

    链接到其它页面 当前页面的其它部分

       

    并不是所有的链接组都要被放进 nav 元素,只需要将主要的、

    基本的链接组放进 nav 元素即可

       

       

    nav 元素应用场景:

       

    · 传统导航栏

       

    · 侧边栏导航

       

    · 页内导航

       

    · 翻页操作

       

       

       

    4、aside 元素

       

    aside 元素用来表示当前页面 或 文章的附属信息部分,它可以

    包含与当前页面 主要内容相关的引用、侧边栏、广告、导航

    条,以及其它类似的有区别于主要内容的部分

       

       

       

    5、time 元素与 pubdate 属性

       

    所谓微格式,是一种利用 HTML5 的 class 属性来对网页添加

    附属信息的方法,如:日期、时间、手机、邮箱等

       

    但在使用的过程中发现,日期和时间的机器编码上出现了问题,

    编码过程中会产生一些歧义

       

    time 元素就是用来无歧义的明确的对机器码日期和时间进行

    编码的,且易读易认

       

    pubdate 属性是一个可选的布尔类型的属性,表示 time 元素

    中的日期和时间是当前文档的发布日期

       

       

       

       

       

       

       

       

       

    【made by siwuxie095】

  • 相关阅读:
    在intellij 下用java spring + Mysql + Hibernate 开发的第一个数据库demo
    推荐一个找到一个比较好的spring,java学习教程
    ReactiveCocoa 中signal(operation) then与doNext的区别
    grunt
    Swiper.js wap app 图片滑动效果
    less 路径 写法
    html5 input placeholder 占位符 输入框提示文本
    js 大小写转换
    css 修改选中文字的颜色
    keydown keypress keyup textInput
  • 原文地址:https://www.cnblogs.com/siwuxie095/p/7152668.html
Copyright © 2020-2023  润新知