2012-01-16 195 views
0

對於一件作業,我無法讓這個網站進行驗證,我不知道爲什麼?下面是HTML:html驗證失敗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

    <html> 
    <head> 
    <!--I am using TextWrangler to do my html css editing on my Mac--> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <title> 
    KG Doors 
    </title> 
    </head> 
    <body> 
<div class="wrapper"> 

<div class="masthead"> 
    <a href="http://www.notimefortime.com/index.thml"><img src="logo.jpeg" alt="kgdoors" height="150"width="304"> </a> 
</div><!--end the masthead div --> 
<div id="nav-wrapper"> 
    <ul id="nav"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="about.html">Services</a></li> 
     <li><a href="contact.html">Contact</a></li> 
    </ul> 
</div><--end nav wrappe--> 
<div class="body"> 
    <h1>Proudly Serving Chicago and Suburbs</h1> 

</div><!--end the body div --> 
<div class="footer"> 
    <h4> 
     <br/>Educational site for DePaul University. 
     <br/><a href="http://www.kgdoors.com/">KG Doors</a> 
    </h4> 
</div><!--end the footer div --> 

</div><!--end the wrapper div --> 

    </body> 
    </html> 

驗證輸出:6個錯誤

第4行,第6列:文件類型不允許元件「HTML」這裏 ✉ 上面提到的元件是在一個上下文中找到不允許的地方。這可能意味着你有不正確的嵌套元素 - 比如「body」部分中的「style」元素而不是「head」 - 或者兩個重疊的元素(這是不允許的)。

此錯誤的一個常見原因是在HTML文檔中使用XHTML語法。由於HTML隱式元素的規則,這個錯誤可能會產生級聯效應。例如,在HTML文檔的「head」部分爲「meta」和「link」使用XHTML的「自關閉」標記可能會導致解析器推斷「head」部分的結束和「body」的開始「部分(其中」鏈接「和」元「不允許;因此報告的錯誤)。

第4行第1列:缺少元素html的xmlns屬性。值應爲:http://www.w3.org/1999/xhtml ✉ 許多基於XML的文檔類型都需要在根元素上具有必需的xmlns屬性。例如,對於XHTML的根元素可能看起來像:

7號線,列68:爲「元」結束標記省略,但被指定OMITTAG NO ✉ 您可能忽略了關閉的元素,或也許你打算「自我關閉」一個元素,即以「/>」而不是「>」結尾。

7號線,2列:開始標記在這裏 線17列114:省略了 「IMG」 結束標記,但OMITTAG NO指定 ...嗡/ index.thml「> ✉ 你可能有忽略關閉某個元素,或者您也許意圖「自動關閉」某個元素,即以「>」結束而不是「>」。 ... < - 結束導航包裝 - > ✉ 此消息可能會出現在幾種情況下:

您試圖在您的頁面中的「<」字:你應該轉義爲「<」 您使用轉義符號「&‘:這可能是在某些情況下有效,但建議使用’& 「,這總是安全的。 另一種可能性是您忘記關閉前一個標籤中的引號。 第40行,第8列:「HTML」沒有結束,但是文件結束 ✉ 第40行,第8列:結束標記爲「HTML」省略,但OMITTAG NO指定 ✉ 您可能忽略了關閉一個元素,或者也許你打算「自我關閉」一個元素,即以「/>」而不是「>」結尾。

2號線,1列:開始標記在這裏

+4

有關的好處W3C的驗證者是*它告訴你具體的原因,喲你的頁面驗證失敗*。你所要做的就是一次一個地檢查它們並解決問題。你嘗試過這樣做嗎?它看起來不像。 – 2012-01-16 03:56:05

+3

您在前三行代碼中聲明瞭''兩次。從那裏開始,繼續前進。 – mrtsherman 2012-01-16 03:58:25

+0

而不是RTFM我會說RTFEM – 2012-01-16 03:59:21

回答

1
  1. 刪除多餘的<html>
  2. 更換<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  3. 在線路</div><--end nav wrappe-->,一個!缺少
+0

明白了。謝謝! – YoungGuy 2012-01-16 04:22:07

+2

'家庭作業是指提問者請求幫助完成學校作業。這讓潛在的回答者知道他們應該引導學生解決問題,而不是簡單地顯示完整的答案。「 – mrtsherman 2012-01-16 04:23:53

1

最大的問題是,你在你的前三行代碼聲明<html>兩次。每頁僅聲明一次。這留下了兩個必須處理結束標記的錯誤。只要谷歌的W3C驗證服務的錯誤信息,我保證你會找到他們所有的解釋。

+0

我沒有意識到2號線宣佈第三。 – YoungGuy 2012-01-16 04:22:17

0

有此驗證碼,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
     <!--I am using TextWrangler to do my html css editing on my Mac--> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
      <link rel="stylesheet" type="text/css" href="style.css" /> 
      <title> 
       KG Doors 
      </title> 
    </head> 
    <body> 
     <div class="wrapper"> 

      <div class="masthead"> 
       <a href="http://www.notimefortime.com/index.thml"><img src="logo.jpeg" alt="kgdoors" height="150" width="304" /> </a> 
      </div><!--end the masthead div --> 
      <div id="nav-wrapper"> 
       <ul id="nav"> 
        <li><a href="index.html">Home</a></li> 
        <li><a href="about.html">Services</a></li> 
        <li><a href="contact.html">Contact</a></li> 
       </ul> 
      </div><!--end nav wrappe--> 
      <div class="body"> 
       <h1>Proudly Serving Chicago and Suburbs</h1> 

      </div><!--end the body div --> 
      <div class="footer"> 
       <h4> 
        <br/>Educational site for DePaul University. 
        <br/><a href="http://www.kgdoors.com/">KG Doors</a> 
       </h4> 
      </div><!--end the footer div --> 

     </div><!--end the wrapper div --> 

    </body> 
</html>