为什么<b>标记在这里工作而不是<strong>标记?</strong> </b>

时间:2013-07-17 10:57:02

标签: jquery

我不明白为什么<b>代码在这里工作而<strong>没有。

感谢。

html

<ul id="one">
  <li>one</li> 
  <li>two</li>
</ul>

<ul id="two">
  <li>three</li> 
  <li>four</li>
</ul>

的jQuery

$( '#one li' ).each(function( index ) {
$( this ).prepend( "<b>" + index + ": </b>" );
});

$( '#two li' ).each(function( index ) {
$( this ).prepend( "<strong>" + index + ": </strong>" );
});

小提琴:http://jsfiddle.net/cXArG/

6 个答案:

答案 0 :(得分:3)

它确实有效,只是您所包含的Normalize CSS将强标记font-weight设置为normal,因此它不会显示为粗体。在“过滤器选项”中,您可以取消选中“标准化CSS”以将其删除。

您可以添加颜色以查看强标记,例如:

strong { color:red; }

Demo

答案 1 :(得分:1)

<b>标记用于影响标记(粗体字体),其中<strong>标记用于描述文本的逻辑/语义方面(“It defines important text”)。如何格式化此语义不是此标记的业务。

答案 2 :(得分:0)

它与无关,这是一个css场景

在JSFiddle 上显示为使用样式表的常规文字

如果你检查元素,你会发现这个css规则适用于

address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}

使其像普通文本一样

答案 3 :(得分:0)

/*http://fiddle.jshell.net/css/normalize.css (line: 17)*/
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

答案 4 :(得分:0)

<strong>标记工作得很好,它被添加到代码中,但jsFiddle的CSS样式会从<strong>标记中删除粗体。

答案 5 :(得分:0)

在小提琴选项中,取消选中“规范化CSS”。 <strong>应显示font-weight: bold作为标准(http://dev.w3.org/html5/markup/strong.html