Html 相同的信息有多种不同的格式，但只考虑一次

我有一张预订表。我希望它能对不同的设备做出响应。在一个大的桌面上，有大量的空间，所以我想显示一个日期和时间，如下所示：

2017年9月15日星期六下午1:30

在平板电脑上，空间较小，因此需要显示为：

2017年9月15日星期六下午1:30

在手机上，空间更小，所以我只想展示：

2017年9月15日下午1:30

这很容易通过隐藏和显示媒体查询中的某些元素来实现。每个用户都可以获得最适合其设备的格式

---

我担心的是，很明显，相同的信息现在以3种不同的格式在标记中出现了3次。有没有办法告诉浏览器/搜索引擎/屏幕阅读器等，这是重复的标记，重复的标记可以忽略？

不幸的是，由于HTML不支持使用媒体查询动态交换内容，我认为在标记本身中没有办法实现这一点

使用CSS实现此目的的一种方法是，将生成的内容与自定义数据属性结合使用，以交换日期格式：

@介质最大宽度：1000px{ 时间[数据媒体时间][数据短时间]{ 字号：0； } 时间[数据媒体时间][数据短时间]：：之前{ 内容：ATRTDATA mediumtime； 字号：中等； } } @介质最大宽度：500px{ 时间[数据媒体时间][数据短时间]：：之前{ 内容：数据短； } }

---

2017年9月15日星期五下午1:30你的问题主要是基于意见的，但请阅读以下内容：我看不出这是如何基于意见的。它需要一种在标记中传达这一点的方法，并且有很多方法可以做到这一点。它可能是重复的，但现在找不到。我投票重开。我也不认为这主要是基于意见，投票重开。如果是dup，则找到它并正确关闭它。仅供参考，这是周五而不是周六。此外，如果由于隐藏和显示元素而涉及CSS，请标记您的问题[CSS]。谢谢，这看起来是一个有趣的方法！听起来似乎没有专门标记重复内容的具体方法，但这可能是一个很好的解决方法。从我看到的情况来看，类似这样的浏览器支持看起来也相当不错，所以我会尝试一下-谢谢你的帮助！