HTML学习第七天（一）

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <header>js入门</header>

<article>

    <h2>语法</h2>

    <p>文章主体</p>

    <aside>

        <h3>名词解释</h3>

        <p>语法：妇女节的恐惧感不分手的借口v你</p>

    </aside>

</article>

<aside>

    <nav>

        <h2>评论</h2>

        <ul>

            <li><a href="#">时间</a></li>

            <li><a href="#">作者</a></li>

            <li></li>

            <li></li>

        </ul>

    </nav>

</aside>

</body>

</html>

time元素与微格式一起使用

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <time datetime="2020-02-02">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00+9:00">2020-02-02</time><br/><!-- 在本地不需要加时差 -->

    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/><!-- 使用机器的UTC时间 -->

    <time datetime="2020-02-02T20:00">2020-02-02</time><br>

    <time datetime="2020-02-02">2020-02-02</time><br>

</body>

</html>

pubdate属性：文章或整个网页的发布日期

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <time datetime="2020-02-02">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/>

    <time datetime="2020-02-02T20:00+9:00">2020-02-02</time><br/><!-- 在本地不需要加时差 -->

    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/><!-- 使用机器的UTC时间 -->

    <time datetime="2020-02-02T20:00">2020-02-02</time><br>

    <time datetime="2020-02-02">2020-02-02</time><br>

    <br>

    <bn/>

    <br/>

<article>

    <header>

        <h2>苹果</h2>

        <p>发布日期

            <time datetime="2020-02-06" pubdate>2020-02-06</time><!-- 当页面存在多个time标签的datetime属性时用pubdata声明标志为页面发布时间 -->

        </p>

        <p>舞会时间

            <time datetime="2020-02-06">2020-02-06</time>

        </p>

    </header>

</article>

</body>

</html>

HTML学习第七天（一）的更多相关文章

  1. C语言学习 第七次作业总结

    C语言学习 第七次作业总结 数组可以分为数组和多下标数组(在传统的国内C语言书本中,将其称为二/多维数组). 数组名称 在之前的课程中,大家应该都有印象,对于int a这样的定义,会为变量 a 声明一 ...

  2. 前端学习 第七弹： Javascript实现图片的延迟加载

    前端学习 第七弹: Javascript实现图片的延迟加载 为了实现图片进入视野范围才开始加载首先: <img    src="" x-src="/acsascas ...

  3. MyBatis学习总结(七)——Mybatis缓存（转载）

      孤傲苍狼 只为成功找方法,不为失败找借口! MyBatis学习总结(七)--Mybatis缓存 一.MyBatis缓存介绍 正如大多数持久层框架一样,MyBatis 同样提供了一级缓存和二级缓存的 ...

  4. 八、Android学习第七天——XML文件解析方法（转）

    (转自:http://wenku.baidu.com/view/af39b3164431b90d6c85c72f.html) 八.Android学习第七天——XML文件解析方法 XML文件:exten ...

  5. （转）Qt Model/View 学习笔记 (七)——Delegate类

    Qt Model/View 学习笔记 (七) Delegate  类 概念 与MVC模式不同,model/view结构没有用于与用户交互的完全独立的组件.一般来讲, view负责把数据展示 给用户,也 ...

  6. 【转】MyBatis学习总结(七)——Mybatis缓存

    [转]MyBatis学习总结(七)——Mybatis缓存 一.MyBatis缓存介绍 正如大多数持久层框架一样,MyBatis 同样提供了一级缓存和二级缓存的支持 一级缓存: 基于PerpetualC ...

  7. Learning ROS for Robotics Programming Second Edition学习笔记(七) indigo PCL xtion pro live

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS forRobotics Pro ...

  8. python学习第七讲,python中的数据类型,列表,元祖,字典,之元祖使用与介绍

    目录 python学习第七讲,python中的数据类型,列表,元祖,字典,之元祖使用与介绍 一丶元祖 1.元祖简介 2.元祖变量的定义 3.元祖变量的常用操作. 4.元祖的遍历 5.元祖的应用场景 p ...

  9. Python学习第七课

    Python学习第七课 'Alex' "Alex"print('hello'*5) #重复输出字符串 print('hellowold'[2:]) #类似于切片操作:会取出 llo ...

  10. Typescript 学习笔记七：泛型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

随机推荐

  1. subprocess.Popen()

    def run(): str_shell='ipconfig' sub=subprocess.Popen(args=str_shell,shell=True,stdin=subprocess.PIPE ...

  2. 针对sklearn.svm中的"dual_coef_"理解

    1.决策函数的表达式 公式: 其中: 2.SVM经过训练后,所得到的"dual_coef_" 其实"dual_coef_"就是"ai*yi" ...

  3. Day11 - F - A Dangerous Maze LightOJ - 1027

    求期望注意期望的定义,这题我们可以分正负数情况,设所求期望为E 正数: 1/n*x_i 负数:1/n*(E+x_j) 此时概率为1/n,根据期望定义,他回到起点后出去的期望为E,花费回起点的时间为x_ ...

  4. 解Bug之路-记一次调用外网服务概率性失败问题的排查

    前言 和外部联调一直是令人困扰的问题,尤其是一些基础环境配置导致的问题.笔者在一次偶然情况下解决了一个调用外网服务概率性失败的问题.在此将排查过程发出来,希望读者遇到此问题的时候,能够知道如何入手. ...

  5. CSS阴影 box-shadow属性用法

    box-shadow: 它可以设置一个或者多个下拉阴影的框 语法:box-shadow:h-shadow v-shadow blur spread color inset 注意:该属性把一个或者多个下 ...

  6. python 基础文件操作

    实时刷新到硬盘里 f= open('hh','w',encoding='utf8') f.write('gyftyftft') f.write('hghgh\njkkjk') f.flush()#实时 ...

  7. luogu P1044 火车进出栈问题(Catalan数)

    Catalan数就是魔法 火车进出栈问题即: 一个栈(无穷大)的进栈序列为 1,2,3,4,...,n 求有多少个不同的出栈序列? 将问题进行抽象, 假设'+'代表进栈, 则有'-'代表出栈 那么如果 ...

  8. Python之json库

    JSON简介 JSON (JavaScript Object Notation) 是一种用于表示结构化数据的流行数据格式. 常用于服务器和Web应用程序之间传输和接收数据. 在Python中,JSON ...

  9. android传递数据bundle封装传递map对象

    android开发默认情况下,通过Bundle bundle=new Bundle();传递值是不能直接传递map对象的,解决办法: 第一步:封装自己的map,实现序列化即可 ? 1 2 3 4 5 ...

  10. 从Facebook、苹果到外卖平台，“阴谋论”推动巨头企业不断蜕变

    不可否认的是,在互联网向前加速推进的过程中,巨头企业和独角兽扮演着重要角色.它们以多元创意和深厚技术.资金实力,一步步改造着大众的互联网生活.而在此前,人们对巨头企业.独角兽的态度是颇为依赖的.但自从 ...