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. Mac终端ls颜色设置

    mac自带的终端是款非常好用的ssh工具,但ls命令下文件与文件夹都是单一的颜色,为了更好区分,作出修改. 终端默认背景颜色为白色,(终端->偏好设置->描述文本),可修改背景颜色与字体大 ...

  2. 在Linux CentOS 下安装JDK 1.8

    一首先去官网下载linux 版本JDK1.8  http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-21331 ...

  3. 怎么修改Anaconda 中 jupyter notebook 文件的保存位置

    安装完 anaconda ,在jupyter notebook 中创建的文件的默认保存位置为C:\User\电脑名 修改保存位置 1.打开 anaconda prompt 2.输入 jupyter n ...

  4. ImageMagick PDF到JPG有时会导致黑色背景

    convert -verbose -density 300 -quality 50 -background white -alpha remove 0.pdf 0.jpg magick convert ...

  5. nginx 的precontent阶段的ngx_http_try_files_module模块与mirrors模块介绍

    指令介绍 Syntax: try_files file ... uri; try_files file ... =code; Default: — Context: server, location ...

  6. 吴裕雄--天生自然python数据清洗与数据可视化：MYSQL、MongoDB数据库连接与查询、爬取天猫连衣裙数据保存到MongoDB

    本博文使用的数据库是MySQL和MongoDB数据库.安装MySQL可以参照我的这篇博文:https://www.cnblogs.com/tszr/p/12112777.html 其中操作Mysql使 ...

  7. StringBuffer调整空间

    在无法估算字符串大小情况下,可以使用StringBuffer的trimToSize()方法调整到合适大小.

  8. SpringBoot 获得 properties 文件中数据方式

    参考:https://blog.csdn.net/qq_37171353/article/details/78005845

  9. tomcat中servlet冲突问题

    在启动tomcat以后,控制台发现“Offending class: javax/servlet/Servlet.class”信息: 信息: validateJarFile(E:\code\MyApp ...

  10. c数据结构线性表的总结

    1:连表的特点   1.链表是一种存储结构,用于存放线性表   2.连表的结点是根据需要调用动态分配内存函数进行分配的,因此链表可随需要伸长缩短      在腰存储的数据个数未知的情况下节省内存.   ...