2011-03-18 68 views
1

下面的語法很好,可以去掉一個大約20〜30個單詞的多列標題?我不想使用CSS3 multicolumns因爲它不是在IE9等將H1/H2/H3標籤纏繞在多欄設計的標題上是否合適?

<H3> 
    <div id="headingLeft" >blaa blaa blaa</div> 
    <div id="headingRight">blue blue blue</div> 
</H3> 
+1

雖然不是你的問題的答案(因此是一個評論),你是否考慮過使用[html5的'header'元素](http://html5doctor.com/the-header-element/)和html5文檔類型,課程? – 2011-03-19 19:03:12

+0

@大衛托馬斯,這是我在找什麼!把它作爲答案,我可以接受的是作爲答案!答案中的滿意答案將成爲您添加的鏈接的質量。用非常明確的語言解釋所有內容! – Sam 2011-03-20 00:29:52

+1

我很樂意這樣做;並感謝你的客氣話。 :) – 2011-03-20 00:34:07

回答

1

在響應來自OP的要求:

[這]就是我一直在尋找!將它作爲答案,以便我可以接受是一個答案!您答案中的最高票數將用於您添加的鏈接的質量。用非常明確的語言解釋所有內容!

您是否考慮過使用html5's header element和html5 doctype當然?

0

爲什麼不使用關聯給它的類(或CSS選擇器)一<div>,而不是使用H3這樣的支持。我不確定這是更有利於搜索引擎優化的方式來做你想做的事情。

<div class="headline"> 
    <div id="headingLeft">blaa blaa blaa</div> 
    <div id="headingRight">blue blaa blue</div> 
</div> 

它似乎並不認爲你在一個語義方式使用H3

1

標題不應該有div的內部。也許更像這樣的......兩個標題中的數據不能太密切相關,否則你不應該把它們分開。我假設它就像一個標註或其他東西。

<div class="headings"> 
    <h3 id="headingLeft" >blaa blaa blaa</h3> 
    <h4 id="headingRight">blue blue blue</h4> 
</div> 
+0

+ 1爲現有環境中的聰明解決方案 – Sam 2011-03-20 00:30:32