小码哥的IT人生

HTML <ins> 标签 详解

HTML基础 2022-06-02 09:41:09小码哥的IT人生shichen

HTML <ins> 标签

实例

带有已删除部分和新插入部分的文本:

a dozen is <del>20</del> <ins>12</ins> pieces

 

完整实例【亲自试一试】:

<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多数浏览器会改写为删除文本和下划线文本。</p>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器支持

元素 Chrome IE Firefox Safari Opera
<ins> Yes Yes Yes Yes Yes

定义和用法

<ins> 标签定义已经被插入文档中的文本。

HTML 与 XHTML 之间的差异

NONE

提示和注释:

提示:请与 <del> 一同使用,来描述文档中的更新和修正。

可选的属性

属性 描述
cite URL 指向另外一个文档的 URL,此文档可解释文本被插入的原因。
datetime YYYYMMDD 定义文本被插入的日期和时间。

全局属性

<ins> 标签支持 HTML 中的全局属性

事件属性

<ins> 标签支持 HTML 中的事件属性

TIY 实例

完整实例【删除字效果和插入字效果】:

<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多数浏览器会改写为删除文本和下划线文本。</p>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

此例演示如何标示删除文本和插入文本。

相关页面

HTML DOM 参考手册:Ins 对象

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024