首先我们来看看在html页面上给文本文字添加删除线效果的两种方法分别是什么：
html<strike>标签元素实现文本文字添加删除线效果；
html<del>标签元素实现文本文字添加删除线效果；
下面我们具体来介绍这两种方法是如何实现文本文字添加删除线效果的，通过简单的例子来介绍。
html<strike>标签
<strike>标签可定义加删除线文本定义。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>html<strike>标签</title>
</head>
<body>
<p><strike>这是测试代码，被删除了</strike></p>
</body>
</html>
效果图：
1.jpg
如例子中所示，只要在<strike>标签中添加好文本文字，就可实现想要的效果。<strike>标签可以缩写为<s>标签，实现的效果不变。
Netscape和InternetExplorer都支持这两种写法。
注意：<strike>标签（<s>标签）在HTML4和XHTML中已经不再赞成使用了，意思就是不再使用了；早晚有一天将会消失。
一般都会建议不使用<strike>标签，而改为使用<del>标签实现删除线效果，下面我们就来介绍html<del>标签。
html<del>标签
<del>标签定义文档中已被删除的文本。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>html<del>标签</title>
</head>
<body>
<p>原价：<del>20</del>，现在促销价：10</p>
</body>
</html>
效果图：
2.jpg
如例子中所示，<del>标签的使用和<strike>标签一样都很简单、方便。并且所有主流浏览器都支持<del>标签。
注意：请与<ins>标签配合使用，来描述文档中的更新和修正。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54593.shtml
