• HTML <!--...--> 注释标签
  • HTML <!DOCTYPE> 声明
  • HTML <a> 标签
  • HTML <abbr> 标签
  • HTML <acronym> 标签 - HTML5 不支持
  • HTML <address> 标签
  • HTML <applet> 标签 - HTML5 不支持
  • HTML <area> 标签
  • HTML <article> 标签
  • HTML <aside> 标签
  • HTML <audio> 标签
  • HTML <b> 标签
  • HTML <base> 标签
  • HTML <basefont> 标签 - HTML5 不支持
  • HTML <bdi> 标签
  • HTML <bdo> 标签
  • HTML <big> 标签 - HTML5 不支持
  • HTML <blockquote> 标签
  • HTML <br> 标签
  • HTML <button> 标签
  • HTML <canvas> 标签
  • HTML <caption> 标签
  • HTML <body> 标签
  • HTML <center> 标签 - HTML5 不支持
  • HTML <cite> 标签
  • HTML <code> 标签
  • HTML <col> 标签
  • HTML <colgroup> 标签
  • HTML <command> 标签
  • HTML <datalist> 标签
  • HTML <dd> 标签
  • HTML <dl> 标签
  • HTML <dt> 标签
  • HTML <del> 标签
  • HTML <details> 标签
  • HTML <dfn> 标签
  • HTML <dialog> 标签
  • HTML <dir> 标签 - HTML5 不支持
  • HTML <div> 标签
  • HTML <embed> 标签
  • HTML <fieldset> 标签
  • HTML <figcaption> 标签
  • HTML <figure> 标签
  • HTML <font> 标签 - HTML5 不支持
  • HTML <footer> 标签
  • HTML <frame> 标签 - HTML5 不支持
  • HTML <frameset> 标签 - HTML5 不支持
  • HTML <head> 标签
  • HTML <header> 标签
  • HTML <hgroup> 标签
  • HTML <h1> - <h6> 标签
  • HTML <hr> 标签
  • HTML <em> 标签
  • HTML <i> 标签
  • HTML <iframe> 标签
  • HTML <img> 标签
  • HTML <input> 标签
  • HTML <ins> 标签
  • HTML <kbd> 标签
  • HTML <keygen> 标签
  • HTML <label> 标签
  • HTML <legend> 标签
  • HTML <li> 标签
  • HTML <link> 标签
  • HTML <map> 标签
  • HTML5 <mark> 标签
  • HTML <menu> 标签
  • HTML <meta> 标签
  • HTML <meter> 标签
  • HTML <nav> 标签
  • HTML <noframes> 标签HTML5不支持该标签
  • HTML <noscript> 标签
  • HTML <object> 标签
  • HTML <ol> 标签
  • HTML <optgroup> 标签
  • HTML <output> 标签
  • HTML <option> 标签
  • HTML <p> 标签
  • HTML <param> 标签
  • HTML <form> 标签
  • HTML <pre> 标签
  • HTML <html> 标签
  • HTML5 <progress> 标签
  • HTML <q> 标签
  • HTML <rp> 标签
  • HTML <rt> 标签
  • HTML <ruby> 标签
  • HTML <s> 标签
  • HTML <samp> 标签
  • HTML <script> 标签
  • HTML <section> 标签
  • HTML <select> 标签
  • HTML <small> 标签
  • HTML <source> 标签
  • HTML <span> 标签
  • HTML <strike> 标签 - HTML5 不支持
  • HTML <strong> 标签
  • HTML <style> 标签
  • HTML <sub> 标签
  • HTML <summary> 标签
  • HTML <sup> 标签
  • HTML <table> 标签
  • HTML <tbody> 标签
  • HTML <td> 标签
  • HTML <textarea> 标签
  • HTML <tfoot> 标签
  • HTML <th> 标签
  • HTML <thead> 标签
  • HTML <time> 标签
  • HTML <title> 标签
  • HTML <tr> 标签
  • HTML <track> 标签
  • HTML <tt> 标签 - HTML5 不支持
  • HTML <u> 标签
  • HTML <ul> 标签
  • HTML <var> 标签
  • HTML <video> 标签
  • HTML <wbr> 标签
  •  
    当前位置:  教程>HTML标签参考手册

    HTML <time> 标签

     
    分享到:
        发布时间:2017-1-18  


        本文导语: HTML <time> 标签作用 HTML5除了提出很炫的新效果以外还加强了语义化结构,其中这个time就是其中之一.用<time>来表示时间,并不是想要达到什么可见的效果,而是让网页的代码有条理,让机器——尤其...

     

    HTML <time> 标签作用

          HTML5除了提出很炫的新效果以外还加强了语义化结构,其中这个time就是其中之一.用<time>来表示时间,并不是想要达到什么可见的效果,而是让网页的代码有条理,让机器——尤其是百度和谷歌的蜘蛛——能够理解你这个网页的意思。

    1,<time>元素可以标注日期,时间或日期与时间的组合(日期格式是YYYY-MM-DD

    演唱会日期是<time>2015-11-12</time>

    2,也可以使用任何格式来显示日期,只要在datetime属性中提供计算机能看懂得通用格式日期即可。

    演唱会日期是<time datetime="2015-11-12 16:00">2015年11月12日下午4点<time>

    3,在组合日期和时间的情况下,还可以添加后缀时区信息

    //下面表示纽约时间下午4点(纽约在东五区,UTC-5:00)

    演唱会日期是<time datetime="2015-11-12 16:00-05:00">2015年11月12日下午4点<time>

    4,使用pubdate属性,表示这个时间是当前内容的发布日期(比如<time>所在的<article>)

    发表日期:<time pubdate>2015-09-03<time>


    <time>元素实例(www.169it.com)

    如何定义时间和日期:

    <p>我们在每天早上 <time>9:00</time> 开始营业。</p> <p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>


    浏览器支持

    表格中的数字表示支持该属性的第一个浏览器的版本号。

    元素




    <time>6.09.04.05.011.1

    标签定义及使用说明

    <time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

    该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。


    HTML 4.01 与 HTML5之间的差异

    <time> 标签是 HTML5 中的新标签。


    属性

    New:HTML5 中的新属性。

    属性描述
    datetimeNewdatetime规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。

    全局属性

    <time> 标签支持 HTML 的全局属性。


    事件属性

    <time> 标签支持 HTML 的事件属性。


    • 本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.169IT.COM)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML <time> 标签
    相关文章推荐:


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号