html中del、ins标签的详细介绍

原创 国哥笔记  2019-04-20 20:38  阅读 449 views 次

本篇将介绍的是html中字体文本标签(<del>标签和<ins>标签)的用法,有兴趣的朋友可以学习一下。

学习html就是学习一些标签的用法,今天我们来学习一下html中<del>、<ins>标签的用法,这两个标签并不是很常用。使用它们大多数情况都不主要是为了显示效果,而是为了语义而使用它,因为显示效果一般都是使用css来实现。

  • “del”是“delete”单词的缩写,有“删除”的意思,在html中充当标签也有“删除”的意思;
  • “ins”是“insert”单词的缩写,有“插入”的意思;在html中充当标签也有“插入”的意思;

接下来我们就一起来看看它的具体用法吧!

一、<del>标签定义及用法

在html中,<del>标签是使用来定义文档中已删除的文本,有两个作用:1、文本显示效果:在文本内容中间添加一条删除线;2、语义:表示已删除的文本内容。

在html中,<ins>标签是使用来定义文档中插入的文本,也有两个作用:1、文本显示效果:文本内容显示下划线;2、语义:表示插入的文本。

<del>标签和<ins>标签通常配合使用,来描述文档中的更新和修正。

二、<del>、<ins>语法格式

<del>删除的内容</del> <ins>更新的内容</ins>

说明:<del>标签中的内容中间通常会显示一条删除线,而<ins>标签中的内容通常会显示一条下划线。

三、实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中del、ins标签的详细介绍</title>
</head>
<body bgcolor="burlywood">
<p>编程的乐趣是一个<del>独立博客</del> <ins>百家号</ins>!</p>
<p>编程的乐趣专注的是<del>娱乐相关</del> <ins>编程相关</ins>!</p>
</body>
</html>

运行结果:

文档的更新与修正

好了,关于html中<del>标签和<ins>标签的介绍就到此结束了,希望对大家有用!

本文地址:https://www.ggbiji.com/html-del-ins.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情