html标签em和bold,html - <strong> vs. font-weight:bold & <em> vs. font-style:italic - Stack Overflow...

HTML represents meaning; CSS represents appearance. How you mark up text in a document is not determined by how that text appears on screen, but simply what it means. As another example, some other HTML elements, like headings, are styled font-weight: bold by default, but they are marked up using

–

, not or .

In HTML5, you use to indicate important parts of a sentence, for example:

Do not touch. Contains hazardous materials.

And you use to indicate linguistic stress, for example:

A Gentleman: I suppose he does. But there's no point in asking.

A Lady: Why not?

A Gentleman: Because he doesn't row.

A Lady: He doesn't row?

A Gentleman: No. He doesn't row.

A Lady: Ah. I see what you mean.

These elements are semantic elements that just happen to have bold and italic representations by default, but you can style them however you like. For example, in the sample above (dialogue from the opening scene of BioShock Infinite), you could represent stress emphasis in uppercase instead of italics, but the functional purpose of the element remains the same — to change the context of a sentence by emphasizing specific words or phrases over others:

em {

font-style: normal;

text-transform: uppercase;

}

em {

font-style: normal;

text-transform: uppercase;

}

p {

line-height: 1.5;

margin: 0;

}

A Gentleman: I suppose he does. But there's no point in asking.

A Lady: Why not?

A Gentleman: Because he doesn't row.

A Lady: He doesn't row?

A Gentleman: No. He doesn't row.

A Lady: Ah. I see what you mean.

Note that the original answer from 2011 (below) applied to HTML standards prior to HTML5, in which and had somewhat different meanings, and were purely presentational and had no semantic meaning whatsoever. Like and respectively, they have similar presentational defaults but may be styled differently.

You use and to indicate intense emphasis and normal emphasis respectively.

Or think of it this way: font-weight: bold is closer to than , and font-style: italic is closer to than . These visual styles are purely visual: tools like screen readers aren't going to understand what bold and italic mean, but some screen readers are able to read and text in a more emphasized tone.