<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"
]
}
}
201782 <time>标签里面的时间有什么
表达时间直接几个数字就可以表达了,专门弄个标签会不会有点多余
例如<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"
]
}
}
201782 <time>标签里面的时间有什么
相关文章推荐
- struts标签格式化时间<s:date name="neowaveBloodPressure.monitorTime" format="yyyy-MM-dd HH:mm:ss" />
- 《ASP.NET1200例》<ItemTemplate>标签在html里面有什么具体的作用
- <%%> 还有<%# %> 还有<= >这种标签都有什么作用
- <a>标签里面嵌图片<img>下面出现一小段空白的原因
- 用 struts2 <s:date> 标签 格式化输出时间
- <a>标签中href="javascript:;"表示什么意思??
- <C语言>打印(输)出系统时间-----time相关函数
- 在JS里面,取struts的<html:form>标签里面的<html:text property="title"/>值
- HTML 中<style>中</style>里面<!-- -->标签是干嘛的
- html <li> 标签后放时间格式化
- <context annotation-config />标签意义
- 日期格式化标签<fmt:formatDate>&<fmt:setTimeZone>时区标签的使用demo
- html中 <a>标签的target是做什么用的
- 在JS里面,取struts的<html:form>标签里面的<html:text property="title"/>值
- 报错:spring属性注入时<constructor-arg>标签不可出现属性“name”,这是什么原因呢?
- <前端面试题>什么是语义化的HTML?有何意义?为什么要做到语义化?
- <s:if>标签比较时间
- 16.5.1: <fmt:setTimeZone>标签
- <C/C++>日期和时间的使用(time相关函数大全)
- <p>标签结束以后也有一个换行的动作,那< p>标签和< br/>标签有什么异同呢?