温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html中如何使用strike标签

发布时间:2020-12-05 10:27:56 来源:亿速云 阅读:223 作者:小新 栏目:web开发

这篇文章主要介绍html中如何使用strike标签,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

html strike标签的定义和用法:

在html中,<strike>标签是用来定义加删除线文本。

html strike标签的语义:

定义在浏览器显示删除文本的样式。

html strike标签的表示:

删除样式,html5不再支持该标签,使用<del>标签代替。

如:现价促销原价:888元 现价:只需666元

它<s>标签效果一样,<s>标签是<strike>标签的缩写。

实例源代码:

<!DOCTYPE HTML PstrikeBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-eqstrikebv="Content-Type" content="text/html; charset=gb2312">
<title>字体文本标签讲解<strike></strike>标签</title>
</head>
<body>
<p>字体文本标签讲解&lt;strike&gt;&lt;/strike&gt;标签</p>
<p>字体标签定义字体的显示效果,有些标签它有独自的语义。<br>
</p>
<p><strong>&lt;strike&gt;标签</strong></p>
<strike>&lt;strike&gt;感谢您对亿速云的支持&lt;/strike&gt;</strike>
<p>语义:定义在浏览器显示删除文本的样式。</p>
<p>表示:删除样式,html5不再支持该标签,使用&lt;del&gt;标签代替。</p>
<p>如:现价促销原价:<strike>888元</strike> 现价:只需666元</p>
<p>它&lt;s&gt;标签效果一样,&lt;s&gt;标签是&lt;strike&gt;标签的缩写。</p>
</html>

html<strike>标签的标准属性:

  • class:元素的类名(值:类名)。

  • dir:元素中内容的文本方向(值:rtl、ltr)。

  • id:元素的唯一id(值:id)。

  • lang:元素中内容的语言代码(值:language_code)。

  • style :元素的行内样式(值:style_definition)。

  • title:元素的额外信息(值:text)。

HTML<strike>标签事件属性:

  • onclick:鼠标被单击时执行

  • ondblclick:被双击时执行

  • onmousedown:按钮被按下时执行

  • onmousemove:指针移动时执行

  • onmouseout:指针移出某元素时执行

  • onmouseover:指针悬停于某元素之上时执行

  • onmouseup:按钮被松开时执行

  • onkeydown:键盘被按下时执行

  • onkeypress:键盘被按下后又松开时执行

  • onkeyup:键盘被松开时执行

html strike标签的格式:

<strike>定义删除线的文本</strike>

html strike标签的实例:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html< strike>标签笔记</title>
</head>
<body>
<p>这是普通文本<strike>这是定义删除线的文本</strike>这是普通文本</p>
</body>
</html>

运行结果:

html中如何使用strike标签

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,<strike> 标签不被赞成使用。

在 XHTML 1.0 Strict DTD 中,<strike> 标签不被支持。

HTML5 不支持 <strike> 标签。请用 <del> 标签代替。

扩展知识

此部分是对 strike 一词的扩展,有兴趣的朋友可以看一看:strike除了可以在 HTML 中用作标签,还可以作为 JavaScript  strike() 方法使用。

以上是“html中如何使用strike标签”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI