zoukankan      html  css  js  c++  java
  • HTML5学习笔记(三):标识文本的语义元素

    1、<time>元素:标注日期和时间

      日期格式:YYYY-MM-DD,如2016-04-13;

      时间格式(24小时制):HH-MM,如15:31;

      最后,组合以上规则就可以制定具体的日期和时间,日期在前,空一个格,时间在后;

      对于浏览网页的人来说,设计者可以用任何格式来显示日期,并且实际上任何文本都是允许的,只要在datetime属性中提供计算机能看懂的通用格式的日期就行,例:

    <p>The party starts <time datetime="2014-03-21 15:35">March 21<sup>st</sup></time></p>

      

      这样,浏览网页的人可以看到他们想看到的格式,而搜索机器人和其他软件则能看到它们可以处理的值。

      注:<time>还有一个pubdate属性,如果当前内容(<time>元素所在的<article>)对应一个发表日期,可以使用此属性,例:

    <p>The article publiched on <time datetime="2014-03-21 15:35" pubdate>March 21,2014</time></p>

    <time>标签在任何浏览器中都受支持,因为它纯粹是信息性的,无任何附加样式,不用担心兼容性问题。

    2、<mark>元素:标注突显文本

      此元素用于标注一段文本,这段文本会突出显示。

    <p>The article publiched on <time datetime="2014-03-21 15:35" pubdate><mark>March 21,2014</mark></time></p>

    显示效果如下:

  • 相关阅读:
    Leetcode Spiral Matrix
    Leetcode Sqrt(x)
    Leetcode Pow(x,n)
    Leetcode Rotate Image
    Leetcode Multiply Strings
    Leetcode Length of Last Word
    Topcoder SRM 626 DIV2 SumOfPower
    Topcoder SRM 626 DIV2 FixedDiceGameDiv2
    Leetcode Largest Rectangle in Histogram
    Leetcode Set Matrix Zeroes
  • 原文地址:https://www.cnblogs.com/zhaoyingli/p/5387389.html
Copyright © 2011-2022 走看看