2009-11-19 112 views
0

爲什麼不是這個XHTML有效? 的HTML:爲什麼不是這個XHTML有效?

<h2>earthquake warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 

的CSS:

h2 { 
font: bold 20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
padding-bottom: 5px; 
padding-top: 5px; 
text-transform: uppercase; 
} 

h2 span { 
font-weight: normal; 
text-transform: none; 
display: inline; 
} 
+1

什麼驗證錯誤,你得到什麼?我們中的許多人都很小心點擊隨機鏈接... – 2009-11-19 01:09:53

回答

7

它更把h2span的。

全部來源:

<span class="warning"> 
       <h2>Bushfire warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 
       <p class="warning" />Dignissim elit quod dolore sollemnes iriure. Ut suscipit nunc laoreet lectorum facilisi. Consequat eodem consequn congue humanitatis. Vel in litterarum odio solissi. <a href="#">For more information click here.</a> 

</span> 

你不能把一個H2 span標記內。嘗試使用div代替:

<div class="warning"> 
       <h2>Bushfire warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 
       <p class="warning" />Dignissim elit quod dolore sollemnes iriure. Ut suscipit nunc laoreet lectorum facilisi. Consequat eodem consequn congue humanitatis. Vel in litterarum odio solissi. <a href="#">For more information click here.</a> 

</div> 
3

因爲h2在一個範圍內。你不能把一個塊元素(h2)放入一個內聯元素(span)中。

用div替換span。

-2

它的實際工作,你只是NID到字體大小和家庭設置爲它

我編輯它像

div.content h2 span { 
display:block; 
font-size:12px; 
font-weight:normal; 
text-transform:none; 
} 

這裏的結果:sample

+1

HTML驗證與CSS =無關) – mauris 2009-11-19 01:14:05