2013-10-09 40 views
12

由于HTML的标签font字体标签替换HTML5中被弃用(我明白为什么),是有一定的应用特性和样式只部分段落中的文本一个干净的解决方案?我使用JavaScript来解析XML文件,该文件依赖于font标签允许使用基于类的CSS格式化部分封装文本。我意识到“锚”(a)标签也可用于此目的,但这种方式看起来非常倒退和不自然。最适合在HTML

编辑

当我问这个问题(几年以前的事了),我不理解,每一个DOM元素落入display类,这两个主要类别是:

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

HTML提供了两个通用容器元素,每个默认情况下都遵守这些显示值之一; divblock显示,spaninline显示。

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

回答

13

span标记将是最好的方法。

虽然通常不建议内联CSS,这里有一个例子:

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

spandiv是相似的,但div标签是块元素,因此它会导致线路中断。 span是一个内联标签,可以与您的文本内联使用。

+3

另一个很好的理由使用'''span'''除了'''strong''','''b'''或''''''''标签(也是内联标签)是这些元素在语义上用于拼写的事实,不应该用于“随机”文本部分。 –

+0

这很有道理。不幸的是,我还没有使用span标签,所以为什么它甚至不在我的“雷达”中可以这么说。谢谢! –

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; 
} 

希望这有助于

2

始终使用CSS文件来保存你的代码,这将被视为“万能”为您设置的每个元素。当你想要设置一个特定的,比如说<span>元素。你会像Adam Plocher所说的那样,使用属性作为<span>元素。

2

HTML:

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

CSS:

.yourstyle { 
      color: red; 
      }