html中字体标记的最佳替代品

时间:2013-10-09 18:54:22

标签: html css html5 tags display

由于HTML5中的font标记已被弃用(我理解为什么),是否有一个干净的解决方案,只将某些属性和样式应用于段落文本的部分?我正在使用JavaScript来解析XML文件,该文件依赖于font标记允许使用基于类的CSS格式化包装文本的部分这一事实。我意识到“锚”(a)标签也可用于此目的,但这种方式似乎非常倒退和不自然。

修改

当我问这个问题时(几年前),我没有理解每个DOM元素属于display类别,两个主要类别是:

  • block - 坚持自己的行
  • inline - 符合其他inline元素或文字

HTML提供了两个通用容器元素,默认情况下每个元素都遵循其中一个显示值; div显示blockspan显示inline

span元素是指定特定文本块并为其指定唯一样式或ID的完美方式,因为您可以将其包裹在较大段落的一部分中,而不会将所选内容分解为新行。

4 个答案:

答案 0 :(得分:19)

span标记是最佳方式。

虽然通常不建议使用内联CSS,但这是一个示例:

<p>
This is my <span style="font-weight:bold">paragraph</span>.
</p>

spandiv相似,但div标记是一个块元素,因此会导致换行符。 span是一个内嵌标记,可以与文本一起使用。

答案 1 :(得分:3)

HTML:

<span class="yourstyle">
Text in your style
</span>

CSS:

.yourstyle {
            color: red;
           }

答案 2 :(得分:2)

您可以使用<span>代码

<p>here is your paragraph text and it goes on and on and on..... and now 
lets start some <span>formatted text.</span> here is another<span>section 
of formatted text</span> here is unformatted text<p>

您可以执行内联样式,例如<span style="color: #000000; font-family: calibri, arial, helvetica;">,也可以只为您的范围应用一个类,例如<span class="textformat1"<span class="textformat2">。然后根据类别应用不同的css规则。

.textformat1 {
    color: red;
}
.textformat2 {
    color: blue;
}

希望这会有所帮助

答案 3 :(得分:2)

始终使用css文件来保存您的代码,对于您设置的每个元素,这些代码将被视为“通用”。如果要为特定设置,请说出<span>元素。您可以像上面的Adam Plocher所说的那样,使用style=""元素的<span>属性。