由于HTML5中的font
标记已被弃用(我理解为什么),是否有一个干净的解决方案,只将某些属性和样式应用于段落文本的部分?我正在使用JavaScript来解析XML文件,该文件依赖于font
标记允许使用基于类的CSS格式化包装文本的部分这一事实。我意识到“锚”(a
)标签也可用于此目的,但这种方式似乎非常倒退和不自然。
修改
当我问这个问题时(几年前),我没有理解每个DOM元素属于display
类别,两个主要类别是:
block
- 坚持自己的行inline
- 符合其他inline
元素或文字 HTML提供了两个通用容器元素,默认情况下每个元素都遵循其中一个显示值; div
显示block
,span
显示inline
。
span
元素是指定特定文本块并为其指定唯一样式或ID的完美方式,因为您可以将其包裹在较大段落的一部分中,而不会将所选内容分解为新行。
答案 0 :(得分:19)
span
标记是最佳方式。
虽然通常不建议使用内联CSS,但这是一个示例:
<p>
This is my <span style="font-weight:bold">paragraph</span>.
</p>
span
和div
相似,但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>
属性。