如何标记HTML时间信息？time标签怎么用-html教程-PHP中文网

如何标记HTML时间信息？time标签怎么用

畫卷琴夢

发布： 2025-08-06 16:22:01

原创

506人浏览过

使用<time>标签可语义化标记时间信息，1. 通过包裹日期时间内容并使用datetime属性提供iso 8601格式的机器可读时间，如yyyy-mm-dd或hh:mm等；2. 有助于seo，使搜索引擎准确识别发布时间和时效性；3. 支持结合javascript显示“几分钟前”类相对时间，但需确保降级显示绝对时间；4. 可通过html验证器和开发者工具检查标签使用是否正确，确保datetime值准确无误。

如何标记HTML时间信息？time标签怎么用

使用

<time>

登录后复制

标签可以语义化地标记 HTML 中的日期和时间信息。它不仅能让搜索引擎更好地理解你的内容，还能为用户提供更清晰的时间信息展示。

解决方案：

<time>

登录后复制

标签的使用非常简单。你只需要将日期或时间信息包裹在

<time>

登录后复制

标签中即可。例如：

立即学习“前端免费学习笔记（深入）”；

<p>发布日期：<time datetime="2023-10-27">2023年10月27日</time></p>

登录后复制

datetime

登录后复制

属性是

<time>

登录后复制

标签的关键。它指定了机器可读的日期或时间格式，通常使用 ISO 8601 格式。这使得搜索引擎和浏览器可以准确地识别和处理时间信息。

除了日期，你还可以标记时间：

<p>会议时间：<time datetime="14:00">下午2点</time></p>

登录后复制

甚至可以结合日期和时间：

<p>活动开始时间：<time datetime="2023-10-28T10:00">明天上午10点</time></p>

登录后复制

<time>

登录后复制

标签对 SEO 有什么好处？

<time>

登录后复制

标签通过提供结构化的时间信息，帮助搜索引擎更好地理解网页内容。这可以提高网页在搜索结果中的排名，尤其是在与时间相关的搜索查询中。

搜索引擎可以利用

<time>

登录后复制

标签中的

datetime

登录后复制

属性，更准确地识别文章的发布日期、更新日期等信息。这有助于搜索引擎判断文章的时效性，并将其展示在更合适的位置。

Zapier Agents

Zapier推出的Agents智能体，集成7000+应用程序

查看详情

<time>

登录后复制

标签的
datetime
登录后复制
属性有哪些格式？

datetime

登录后复制

属性支持多种 ISO 8601 格式，包括：

完整的日期：
```
YYYY-MM-DD
```
登录后复制
(例如:
```
2023-10-27
```
登录后复制
)
带有时间的日期：
```
YYYY-MM-DDThh:mm:ssTZD
```
登录后复制
(例如:
```
2023-10-27T14:30:00+08:00
```
登录后复制
)，其中
```
T
```
登录后复制
分隔日期和时间，
```
TZD
```
登录后复制
是时区指示符。
年份和月份：
```
YYYY-MM
```
登录后复制
(例如:
```
2023-10
```
登录后复制
)
年份：
```
YYYY
```
登录后复制
(例如:
```
2023
```
登录后复制
)
月份和日期：
```
MM-DD
```
登录后复制
(例如:
```
10-27
```
登录后复制
)
小时和分钟：
```
hh:mm
```
登录后复制
(例如:
```
14:30
```
登录后复制
)
小时、分钟和秒：
```
hh:mm:ss
```
登录后复制
(例如:
```
14:30:00
```
登录后复制
)