《HTML5开发手册》——2.6 初学者“菜谱”:使用s元素显示不准确或不相关的内容

简介:

本节书摘来自异步社区《HTML5开发手册》一书中的第2章,第2.6节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.6 初学者“菜谱”:使用s元素显示不准确或不相关的内容

以前,s元素是特意用来显示带删除线的文字的。在HTML5中,s元素得以重新定义,它现在用来显示不再正确或不相关的内容。

这意味着可以使用它显示某个产品曾经的价格,而这个产品现在的价格已经有所变化,如图2.5所示。虽然在此情景下,使用s元素显示过时信息能够为读者带来很大便利,但并非总是正确的,这得视上下文而定。代码2.7所示为应当在何处使用这个元素。


113185b1980b58d21c4bd0853f49b9c5ff73fc82

代码2.7 s元素的使用


3462c296e373c9c262c52e1b7c7f552ab7142fef

在HTML 4中,s元素被定义为删除线文本,所以默认情况下浏览器会使用删除线来显示s元素中的内容。

如果文档内容被编辑或删除,请不要使用s元素,而应使用del元素。

相关文章
|
3月前
|
前端开发 JavaScript
Playwright系列(9):常见操作HTML 元素方式
Playwright系列(9):常见操作HTML 元素方式
|
3月前
|
缓存 前端开发 JavaScript
13个很酷但很少有人知道的HTML元素
13个很酷但很少有人知道的HTML元素
36 0
13个很酷但很少有人知道的HTML元素
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
9天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
1月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
11 0
|
1月前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
8 0
|
1月前
HTML <link> 元素
HTML <link> 元素。
16 5
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
2月前
|
前端开发 JavaScript 安全
react如何渲染包含html标签元素的字符串
react如何渲染包含html标签元素的字符串
58 0