2011-03-18 48 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