您的位置:首页 > 其它

<time>标签里面的时间有什么实际意义?

2017-08-02 11:16 288 查看
转载于 https://www.zhihu.com/question/49214333/answer/115135432
表达时间直接几个数字就可以表达了,专门弄个标签会不会有点多余

例如<p>这段话写于今天晚上<time datetime="2016-08-03">2016-08-03</time></p>
<p>这段话写于今天晚上2016-08-03</p>
有什么区别吗,确实不懂,虚心请教!

我就说一个很多人基本不会提到的点吧,普及一个知识点。

这叫『HTML5微数据­Microdata』,用于搜索引擎和其它一些内容引擎特殊的解析和展示,不仅仅是单纯

语义化用的,也不仅仅只是搜索引擎用的,譬如一些订阅功能的软件和平台,APP都是可以使用的,它可

以解析成为json等格式,它主要是给机器识别,当然还能起到养眼,提高一些开发解析效率的作用。

类似微数据还有一些标签属性,比如itemscope,itemtype,itemprop等,结合特定的标签和格式可以发挥

其真正的作用。

语义化只是一个最基本的功能,在不考虑javascript的前提下,纯HTML5标签更多的时候在于深层次的效率

转化和web解析,甚至还能提高浏览器解析速度。这些都是肉眼看不到的优势。

HTML Microdata 这是W3C官方的Microdata参考

就拿时间time标签给你做一个完整的微数据示范:

<p itemscope>我非常期待

<a itemprop="url" href="http://www.c945.com/default.html/">

<span itemprop="name">ChuckieChang中文博客</span>

</a>

会在

<time itemprop="date" datetime="2016-08-12">下一周</time>

更新!

</p>

<p itemscope>昨天,ChuckieChang中文博客的

<a itemprop="url" href="http://www.c945.com/article/2f82a350fb19f2f7d4ae1a64.html">

<span itemprop="name">关于web设计的文章</span>

</a>



<time itemprop="date" datetime="2016-08-04">实时</time>

转载了!

</p>

机器解析后输出的json格式为:

{

"items": [

{

"properties": {

"url": [

"http://www.c945.com/default.html/"

],

"name": [

"ChuckieChang中文博客"

],

"date": [

"2016-08-12"

]

}

},

{

"properties": {

"url": [

"http://www.c945.com/article/2f82a350fb19f2f7d4ae1a64.html"

],

"name": [

"关于web设计的文章"

],

"date": [

"2016-08-04"

]

}

}

2017­8­2 <time>标签里面的时间有什么
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: