在一些前端的商品页面中,如果有价格优惠的话,都会把原价格用html的删除线标签进行标注,这样有利于用户对价格进行阅读,关于html的删除线标签的使用可以参考下文的讲解。

html 删除线标签介绍

<s></s>:删除线标签让浏览器把其加s标签的文本内容加删除划线样式(在文本上有一道横线)呈现给阅读者。

语法:

<s>这里是内容的文字</s>

html 删除线标签<s></s>用法

例:

<html>
<head>
    <title>HTML删除标签的演示!</title>
    <style>
        s{
            color:#888;
            font-size: 14px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
飞鸟慕鱼博客的价格为:6666666.00元<s>8888888.99元</s>
</body>
</html>

示例演示效果:

html中的删除线标签