2013-10-09 63 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; 
      }