time 标签在 html 中主要用于标记日期和时间，提升网页的可访问性和 seo。1. 它通过 datetime 属性提供机器可读的时间格式，确保搜索引擎正确解析时间信息；2. 虽无视觉效果，但能增强结构化数据，有助于新闻、博客等网站优化搜索排名；3. 使用时可在标签内展示用户友好的时间格式，但 datetime 属性必须符合 iso 8601 标准；4. 常见用途包括标记文章发布日期或文中提及的具体活动时间；5. 与 date 输入类型不同，后者用于表单中让用户选择日期，而 time 标签仅用于标注时间信息。
time 标签在 HTML 中主要用于标记日期和时间，让机器更容易理解你的内容中的时间信息，从而提升网页的可访问性和 SEO。它本身不会在页面上产生任何视觉效果，但能提供结构化的数据给搜索引擎和浏览器。
使用 time 标签正确标记时间
time 标签最核心的用法是用 datetime 属性来指定机器可读的时间格式。例如，<time datetime="2023-10-27">今天</time>。这样，搜索引擎就知道“今天”实际上指的是 2023 年 10 月 27 日。
你可以在 time 标签内放置任何你想要展示给用户的时间格式，比如 "October 27, 2023" 或者 "10/27/2023"。关键是 datetime 属性要符合 ISO 8601 标准，这样才能确保机器正确解析。
立即学习“前端免费学习笔记（深入）”；
为什么 time 标签对 SEO 有帮助？
搜索引擎会利用 time 标签来理解网页内容中的时间信息。这对于新闻网站、博客或者任何包含时间敏感信息的网站来说都非常重要。通过提供结构化的时间数据，你可以帮助搜索引擎更好地理解你的内容，从而提升网页在搜索结果中的排名。
例如，如果你写了一篇关于 "2023 年最佳手机" 的文章，使用 <time datetime="2023">2023</time> 标签可以明确告诉搜索引擎这篇文章与 2023 年相关。
如何在博客文章中使用 time 标签？
假设你正在写一篇关于 "秋季旅行攻略" 的博客文章。你可以在文章的开头使用 time 标签来标记文章的发布日期：
<article>
<header>
<h1>秋季旅行攻略</h1>
<p>发布于 <time datetime="2023-10-26">2023年10月26日</time></p>
</header>
<!-- 文章内容 -->
</article>此外，如果文章中提到了具体的活动时间，也可以使用 time 标签进行标记。例如：
<p>不要错过11月1日的枫叶节！<time datetime="2023-11-01">11月1日</time> 将会是最佳观赏时间。</p>
time 标签和 date 输入类型有什么区别？
time 标签用于标记文档中的日期和时间信息，主要目的是提供机器可读的数据。它不会在页面上显示任何交互元素。
date 是一种 HTML 输入类型，用于创建一个日期选择器。用户可以通过这个选择器来选择日期。date 输入类型主要用于收集用户输入，例如在表单中收集用户的出生日期。
简单来说，time 标签是用来标记时间信息的，而 date 输入类型是用来收集时间信息的。
