Html <;strong>;与字体重量:粗体和&书信电报;em>;字体样式:斜体

Html <;strong>;与字体重量:粗体和&书信电报;em>;字体样式:斜体,html,css,Html,Css,使用和而不是CSS属性之间有什么真正的区别吗: font-weight: bold; font-style: italic; 另外,两种选择都存在的真正原因是什么?我可能是错的,但是在字体重量和字体样式成为标准CSS属性之后,很久没有和出现在现场了?如果是这样的话,那一定是有原因的。HTML代表意义;CSS代表外观。在文档中如何标记文本并不取决于文本在屏幕上的显示方式,而只取决于它的含义。另一个例子是,一些其他HTML元素,如标题,默认设置为font-weight:bold,但它们使用–,而不

使用
而不是CSS属性之间有什么真正的区别吗:

font-weight: bold;
font-style: italic;

另外,两种选择都存在的真正原因是什么?我可能是错的,但是在
字体重量和
字体样式成为标准CSS属性之后,很久没有
出现在现场了?如果是这样的话,那一定是有原因的。

HTML代表意义;CSS代表外观。在文档中如何标记文本并不取决于文本在屏幕上的显示方式,而只取决于它的含义。另一个例子是,一些其他HTML元素,如标题,默认设置为
font-weight:bold
,但它们使用
,而不是
进行标记

在HTML5中,您使用来表示句子的重要部分,例如:

<p><strong>Do not touch.</strong> Contains <strong>hazardous</strong> materials.
<p>A Gentleman: I suppose he does. But there's no point in asking.
<p>A Lady: Why not?
<p>A Gentleman: Because he doesn't row.
<p>A Lady: He doesn't <em>row</em>?
<p>A Gentleman: No. He <em>doesn't</em> row.
<p>A Lady: Ah. I see what you mean.
em{
字体风格:普通;
文本转换:大写;
}
p{
线高:1.5;
保证金:0;
}
一位绅士:我想是的。但是问也没用。 一位女士:为什么不呢? 一位绅士:因为他不划船。 一位女士:他不划船吗? 一位绅士:不,他不划船。
女士:啊。我明白你的意思。
问题是语义(如BoltClock提到的)和视觉渲染的问题

最初,HTML使用
来实现这些目的,完全是在文档标记的语义环境中设置的风格命令。CSS是一种尽可能分离媒体风格元素的尝试。因此,粗体和斜体等样式信息应该放在CSS中


的引入是为了满足将文本标记为更重要或更强调的语义需求。它们有类似于粗体和斜体的默认风格解释,但它们不一定会这样。

来自W3C的
元素(HTML5参考) 对!!两者有明显的区别

元素表示其内容的重音。特定内容的强调程度由其祖先元素的数量决定

<strong>  =  important content
<em>      =  stress emphasis of its contents
=重要内容
=强调其内容的重点
强调的位置改变了句子的意思。因此,该元素构成内容的一个组成部分。以这种方式使用强调的确切方式取决于语言

注意!
  • 元素也不是为了传达重要性;为此 目的,
    元素更合适

  • 元素不是通用的“斜体”元素。有时,文本 旨在从该段的其余部分中脱颖而出,就好像 以不同的心情或声音。对于这一点,
    i
    元素更重要 合适


  • 参考资料(示例):

    -不同于
    -对盲人的web浏览器有明确的用途


    盲人不是通过视觉浏览网页,而是通过声音(如文本阅读器)浏览网页
    ,除了鼓励使用粗体或斜体,还分别传达响度或重音音节(哦,我的!&哦,我的yyyyyyy!)。当涉及到
    时,纯音频浏览器是不可预测的。。。他们可能会大声喧哗或给他们带来压力,也可能不会。。。除非您使用

    strong
    字体权重:粗体
    进行比较,否则您永远无法确定,就像将
    h1
    显示:块进行比较一样;字号:2em;字体大小:粗体;边缘:.67em 0
    这也不仅仅是理论上的,使用下划线、文本颜色和背景颜色来代替默认样式也并不少见。
    都是语义标记。你不是简单地说
    ,而是给出一个不同标记的“原因”——关于文本的更多信息,而不是像
    这样的简单风格标记。这对于屏幕阅读器来说非常重要,因为一个简单的
    可能意味着强调、外来词、引用的标题等。
    通常在视觉上等同于
    (和
    ),但这不能保证,并且可以在CSS中更改。