疑似被遗忘的 与

你还记得怎么插入……怎么删除么……...



写在前面

最近微博上某当老师的热潮逐渐消退了，真的好热闹；然后前几天在“无广告前端”微信群里，来自小红书的某前端同学在群里掀起群内小高潮，宣称他们团队共六名前端人员，包括其中一名架构师，一共六人，但可以顶三十人的前端团队。

此话一出，各种膜拜啊。于是情不自禁打开小红书官网，看了几个页面，对方称都是“临时工”做的，已经离职了。于是发了一个现有的页面，结果一看，果然各种膜拜，结果，对方说：小志你就不要看了，我们主要写JS的……好吧，小志表示深受鄙视，创伤啊！

不过话说回来，这些都没什么啦，每个团队都有自己的特色。只不过我个人看到了一个模块后在想一个问题，然后就打算扯一下：

正文开始

做商城类的网站，跟价格有关的区域都会有一个现有的折扣价以及曾经的原价，例如这样：



从页面表现的设计来看，就是一个带有删除线的曾经价格和一个没删除线的现在折扣优惠价格，对于样式来说也很简单，只要给有删除线的那个增加一个删除线样式即可（text-decoration: ine-through;），但如果从 HTML 来说的话，不知道各位是否有考虑过用什么标签比较合适呢。

基本上来说，这个没有绝对性的明确要求一定要用什么标签，只不过是我个人对于这个的看法。

首先，带有删除线的折扣之前的价格是过去时，是不需要去看的，就好比批阅一篇文章时，对错误或者多余的文字划上一条线，代表删除，那么这个价格也是如此。因此，删除的部分就是要delete，是不是应该可以考虑用标签来包含呢。

其次，新的一个价格出现在旧价格旁边，还是拿批阅文章时来说，错误的地方划掉了，新增一个插入到旁边，是不是应该是insert，那这样是不是可以考虑用标签呢。

最后，我们可以把之前的代码和用了与标签后的代码做一个对比：



如果我们不添加如何样式，使用浏览器默认的样式的话，那就是这样：



整体来看，用什么标签虽然无伤大雅，只不过是我在吹毛求疵而已。只是有时候想想，看着满篇幅到div，又怕人说，于是加了h1以及ul等标签。可是我们所写的代码只是为了不让他人批评？显然不是的。

有时候会被 SEOer 要求这里那里需要用什么标签啊之类的；有时候又是自己强迫症犯了，要在这里那里用什么标签；也有时候是考虑到怎么方便后台开发嵌套。细想之下，其实这些都是每个人自己决定的，所以，我也不知道自己在说什么了。

写一段 HTML 的时候，我们应该是从页面表现上去选用 HTML 标签呢还是要去理解页面元素的意义后再选择使用标签呢？

个人比较推崇先理解页面元素所要表达的含义后再选择 HTML 标签，而不要在意浏览器中默认渲染的样式，毕竟这些样式绝大部分会被各位 reset 掉，当然，裸奔的页面除外（可现在还有人去考虑裸奔后的页面，或者可能已经有很多人忘了曾经风靡一时的裸奔节）。

哦了，最后再提一下和这两个标签还有两个可选属性，主要告诉浏览器这个元素是什么时候被删除，什么时候新增插入等信息。但这个信息并不会显示出来，而是给浏览器看，或者也可能是给其他设备看，比如盲人阅读器什么的。

cite定义和用法

cite 属性指向一个文档的 URL，该文档解释了文本被删除（）、文本被插入或修改（）的原因。

datetime定义和用法

datetime 属性规定文本被删除的日期和时间（）、文本被插入或修改的日期和时间文本被插入或修改的日期和时间（）。

写在最后

好久推送公众号了，今推送的这个感觉质量又不高，看来我的确只是一个爱牢骚爱扯淡的页面仔，感谢还在默默关注这个公众号的朋友……

    关注 闲谈CSS那些事儿