<;span>;及<;b>;使用指定良好的CSS类?

<;span>;及<;b>;使用指定良好的CSS类?,css,html,Css,Html,本质上,我的问题是,这个HTML文档主体中的两行之间有什么区别 <html> <head> <style> .test {color:green; font-weight:normal} </style> </head> <body> <b class="test">Test with b tag</b><br /> <span class="test">Test w

本质上,我的问题是,这个HTML文档主体中的两行之间有什么区别

<html>
<head>
 <style>
  .test {color:green; font-weight:normal}
 </style>
</head>
<body>

<b class="test">Test with b tag</b><br />
<span class="test">Test with span tag</span><br />


</body>
</html>

.test{颜色:绿色;字体重量:正常}
用b标签测试
使用span标签进行测试
具有语义含义“应以粗体显示”,而
是通用内联元素

但是从技术角度来看,如果应用了正确的CSS,那么这些元素之间就没有真正的区别。

代码>(或者更好的
)包含文本应该突出显示的语义信息(以粗体打印)<代码>对它没有相同的含义。如果从文档中禁用CSS样式,您将看到
文本仍为粗体,但
为普通文本

这种区别对于(通常)能够向用户传达信息的屏幕阅读器尤其重要。将跨度与类一起使用不会传递此类信息


这并不意味着你应该总是使用
:如果目的纯粹是文体,而不是强调文本,最好使用类。

根据功能上的不同,没有这样的区别,但是有一些类似的区别
通常用于
粗体
文本,而不在css中定义
字体重量:粗体
。它很容易用
粗体
打印文本。但是对于
,您必须定义CSS

现在的问题是哪一个好。我的答案是span,因为span是为多重样式创建的,但是其他标签,如
等,是为表示属性而创建的,而不使用样式。因此,对于系统性标记,如果您只想
加粗
文本,那么
是好的,但是如果您想要其他属性,如
加粗
斜体
颜色
等,那么最好使用

依照

b元素表示从其周围偏移的文本范围 没有传达任何额外强调或重要性的内容,以及 其中传统的排版方式是粗体文本;对于 例如,文档摘要中的关键字,或 复习


它们可能看起来不同,因为它们应用了默认样式。由于在添加样式之前没有删除所有样式,因此它们看起来会有所不同。不同浏览器之间的外观也可能不同。

每行后面的是什么?只是好奇?语义学,我的朋友。美学,不是那么多。只是让它们在单独的行中,我想我应该使用
。我想这适用于几乎所有的HTML元素。。如果按照喜欢的方式设置样式,并删除所有默认样式,则它们都是相同的。但是这样做不是一个好主意。
在任何版本的HTML中都不是,也从来没有被弃用过。而在浏览器中看起来是一样的,但它是一个样式标记,是一个赋予文本更多含义的语义标记不完全正确:不是语义标记肯定是一个语义。它们都以粗体打印文本,但strong是语义(赋予文本更多含义)en只是一个样式标记。我从不使用