HTML标签 b strong span

<strong>是加重语气标签
<b>是粗体标签
它们起的均是加粗字体的作用。在大多数情况下，它们表现出来的效果也大致相同，所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。但是在不同的HTML解释器下，情况也可能有所不同。
   同样的一段代码，在Internet Explorer和Netscape中显示有可能不同，因为这两个标签涉及浏览器的兼容性的问题。在Netscape中，如果将字符集设为GB2312的话，<strong>和<b>是不起作用的。要解决这个问题，我们可以将字符集改为885981，也就是将〈meta>标签所在行改为：
<meta http-equiv="content-Type" content="text/html；charset=885981">
然后在Netscape中打开，两个标签就都起作用了！
忠告：在实际网页设计中，为使页面效果受客户端因素影响变为最小，应该尽量使用实体标签！
 

 

HTML <span> 标签

 

定义和用法

<span> 标签被用来组合文档中的行内元素。

 

提示：请使用 <span> 来组合行内元素，以便通过样式来格式化它们。

注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

 

例子解释

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

提示：事实上，您允许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，但是我们的做法是：使用“提示”使用 span 元素，然后对这个 span 元素的父元素，即 p 元素应用 class，这样就可以对这个类的子元素 span 应用相应的样式了。

HTML:

<p class="tip"><span>提示：</span>... ... ...</p>

CSS:

p.tip span {
 font-weight:bold;
 color:#ff9955;
 }

标准属性

id, class, title, style, dir, lang, xml:lang

 

 

 HTML标记em和strong的区别

来源:岁月如歌 作者：lifesinger

em 和 strong 的区别，可以从三个层次上来谈。

首先看 HTML 4.01 中的说明：

EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.

em 表示强调，strong 表示更强烈的强调。言简意赅，表明了 em 和 strong 的命名来历。并且在浏览器中，em 默认用斜体表示，strong 用粗体表示。这是第一个层次上的区别。

第二个层次上，在 Emphasis in context versus overall highlighting 和 em vs. strong 这两篇文章中，做了很好的总结：

em is for local emphasis. You see? Local emphasis. If you would emphasize a word in speech, use em.
strong is for global highlighting. When somebody looks at your document, at a glance, certain words and phrases should jump out. These are the words and phrases that make up the gist of the content — the highlights.
em 用来局部强调，strong 则是全局强调。从视觉上考虑，em 的强调是有顺序的，阅读到某处时，才会注意到。strong 的强调则是一种随意无顺序的，看见某文时，立刻就凸显出来的关键词句。斜体和粗体刚好满足了这两种视觉效果，因此也就成了 em 和 strong 的默认样式。

感觉上面已经解释得很清楚了？我们再来看看第三个层次上的区别。HTML5 草案 中做了详尽解释：

The em element represents stress emphasis of its contents. The placement of emphasis changes the meaning of the sentence.
The strong element represents strong importance for its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.
em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance），strong 不会改变所在句子的语意，em 则会改变所在句子的语义。并且举了一个非常好的例子：

<p><em>Cats</em> are cute animals.</p>

强调猫，讨论的是哪种动物聪明可爱。

<p>Cats <em>are</em> cute animals.</p>

强调是，讨论的是猫是不是聪明可爱。

<p>Cats are <em>cute</em> animals.</p>

强调聪明可爱，讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。

<p><strong>Warning.</strong> This dungeon is dangerous.
<strong>Avoid the ducks.</strong> Take any gold you find.
<strong><strong>Do not take any of the diamonds</strong>,
they are explosive and <strong>will destroy anything within
ten meters.</strong></strong> You have been warned.</p>

strong 表示的是重要性上的强调，不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重，比如可以用两个 strong 来表示内容很重要。

可以看出，第二个层次上所说的局部强调和全局强调是不够准确的。em 和 strong 区别的玄妙处，在 HTML5 草案里才得到淋漓尽致的阐释。推荐大家有时间的时候，仔细阅读 HTML5 草案。有很多元素的语义，都阐释得非常清楚，对于我们如何在最恰当的地方使用最恰当的标签，非常具有价值。

最后，在 前端与民工 一文的回复中，以及收到的邮件里，很遗憾的没有发现有谁知道第三个层次上的区别。因此准备的礼品（我还真准备了10份），很落寞的发不出去了。不过这篇文章仅是个引子，接下来准备用一系列文章来探讨HTML中元素的语义。礼品的承诺继续有效，留给下一个话题：

请阐述dl的语义，并列举至少5种使用场景。

可以查阅资料，将结果贴在回复里，或邮件发送给我都可以，礼物有限，前10个答对的必送。

补充：和一些朋友又讨论了下，最后我的看法是：

em 是句意强调，加与不加会引起语义变化。
strong 是重要性强调，和局部还是全局无关，局部强调用strong也可以，strong强调的是重要性，不会改变句意。

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/mike_24/archive/2008/12/28/3628775.aspx