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. Nginx安装部署！

    安装Nginx方法一:利用u盘导入Nginx软件包 二nginx -t 用于检测配置文件语法 如下报错1:配置文件43行出现错误 [root@www ~]# nginx -tnginx: [emerg ...

  2. nyoj 100

    怒刷水题... AC代码: #include <stdio.h> int main() { int x,t,count; scanf("%d",&t); whi ...

  3. 对list集合的内容分组

    /** * 把list集合里的内容按照len大小分组 * @param list * @param len * @return */ private static List<List<St ...

  4. 「JSOI2014」矩形并

    「JSOI2014」矩形并 传送门 我们首先考虑怎么算这个期望比较好. 我们不难发现每一个矩形要和 \(n - 1\) 个矩形去交,而总共又有 \(n\) 个矩形,所以我们把矩形两两之间的交全部加起来 ...

  5. 并发编程之第三篇（synchronized）

    并发编程之第三篇(synchronized) 3. 自旋优化 4. 偏向锁 撤销-其它线程使用对象 撤销-调用wait/notify 批量重偏向 批量撤销 5. 锁消除 4.7 wait/notify ...

  6. 如鹏网仿QQ侧滑菜单：ResideMenu组件的使用笔记整理+Demo

    ResideMenu菜单 课堂笔记: https://github.com/SpecialCyCi/AndroidResideMenu Github:如何使用开源组件1. 下载 下载方式: 1. 项目 ...

  7. Python 的直接赋值、Deepcopy、Copy的区别

    直接赋值: 其实就是对象的引用 浅拷贝(copy): 只拷贝符对象,不会拷贝对象内部的子对象 深拷贝(deepcopy): copy 模块的 deepcopy 方法,完全拷贝了父对象及其子对象 有图有 ...

  8. 使用pandas读取excel

    使用pandas读取excel Excel是微软的经典之作,在这里我们介绍使用Python的pandas数据分析包来解决此问题. pd.read_excel(io, sheet_name = 0, h ...

  9. Java 自定义DateUtils

    1 /* Date d = new Date(); String s = DateUtils.DateToString(d, "yyyy-MM-dd HH:mm:ss"); Sys ...

  10. 100个iOS开发/设计面试题汇总，你将如何作答？

    原文: http://www.csdn.net/article/2015-01-19/2823604-ios-interview-questions 常见问题 你昨天/这周学习了什么? 你为什么热衷于 ...