浅析HTML5中标签del和ins以及HTML5中被舍弃的标签

最新推荐文章于 2023-04-08 19:52:00 发布

gfjserhukher

最新推荐文章于 2023-04-08 19:52:00 发布

阅读量2.2k

点赞数 1

文章标签： HTML5 前端

本文链接：https://blog.csdn.net/gfjserhukher/article/details/88319192

版权

浅析HTML5中标签del和ins

在HTML中，一般购物网站的开发中会多次重复用到删除标签和下划线标签，若要实现删除线效果，可爱的程序员们起初都会选择用标签，实现文字下划线呢，也会自然而然的想到用标签，而在学习了HTML5之后呢，仿佛发现了新大陆一般。当然，标签语义化相对来说弱一些的s和u就被舍弃啦，取而代之的是一看便知其作用的del(delete)和ins（insert）咯。效果呢，当然也是杠杠滴。请看！！！

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p>正宗福建蜜柚</p>
    <p><del>原价：￥8.00/kg</del></p>
    <p><ins>现在仅售：￥6.00/kg</ins></p>
</body>
</html>

在这里插入图片描述