删除线怎么加 html5

在HTML5中，删除线可以通过使用<del>标签来添加，这个标签是一个空标签，也就是说它没有结束标签，它的主要作用是在文本中插入一条删除线。

1. 基本用法

在HTML5中，要添加删除线，只需要在你想要添加删除线的文本前后各添加一个<del>标签即可。

<del>这是一段被删除的文本。</del>

这段代码会在浏览器中显示为“这是一段被删除的文本。”，并且这段文本会被添加上删除线。

2. 样式设置

虽然<del>标签本身并不提供任何样式设置，但是你可以通过CSS来改变删除线的样式，你可以改变删除线的颜色、宽度等，以下是一些示例：

del {
    color: red; /* 改变删除线的颜色 */
    text-decoration: line-through; /* 将删除线改为划线 */
    width: 50%; /* 改变删除线的宽度 */
}

这段CSS代码会将所有的<del>标签中的文本颜色改为红色，并将删除线改为划线，同时将删除线的宽度设置为文本宽度的一半。

3. 兼容性问题

需要注意的是，虽然所有的现代浏览器都支持<del>标签，但是一些旧版本的浏览器可能不支持，如果你需要支持这些旧版本的浏览器，你可能需要使用JavaScript或者jQuery来实现删除线的效果。

你可以使用jQuery的wrap()方法来实现删除线的效果：

$('del').wrap('<span class="strike"></span>');

这段代码会将所有的<del>标签包裹在一个带有strike类的<span>标签中，然后你可以通过CSS来改变这个<span>标签的样式，从而实现删除线的样式设置。

4. 注意事项

在使用<del>标签时，需要注意以下几点：

<del>标签是一个空标签，也就是说它没有结束标签，如果你在<del>标签中添加了内容，那么这个内容会自动被添加上删除线。

<del>标签不会自动添加删除线，你需要通过CSS或者JavaScript来改变它的样式。

<del>标签只适用于纯文本内容，对于包含其他HTML元素的文本，你可能需要进行额外的处理。