2009-09-15 83 views
11

我已經繼承了一些相當大的靜態HTML文件,需要修復它們才能在基於webkit的瀏覽器(尤其是Safari)中工作。我發現導致渲染差異的一個常見錯誤是缺少</div>標籤。 (IE7 +和FF3 +似乎都忽略了這些,或者猜測關閉DIV的位置,並按預期呈現。)我習慣於使用vim和HTML語法突出顯示進行編輯,但最終編寫了awk腳本以匹配開始和結束標籤。如何找到HTML中的不匹配標籤?

什麼是您最喜愛的工具或技術在大型HTML文件中匹配開始和結束標記?

更新:我目前在一家針對HTML 4.01 Strict而不是XHTML的商店中。

+0

我只是想知道如果你打開這樣的文件Visual Studio會做什麼...我自己從來沒有這個問題。 – 2009-09-15 15:04:55

+1

重複:「找到格式不正確的HTML的工具?」 :http:// stackoverflow。com/questions/1395560/tool-to-find-malformed-html – harpo 2009-09-15 15:08:14

+2

@Workshop Alex:Visual Studio做你期望的事 - 它突出顯示所有錯誤並將它們放入錯誤/警告列表中。相當好的工具來手動修復HTML,也是如果你需要符合特定的DTD或其他東西。 – OregonGhost 2009-09-15 15:17:34

回答

10

W3C HTML Validator工作得很好,或者如果你想要一些簡單的東西,那麼Tidy FireFox插件也可以工作。

+1

感謝,我剛剛嘗試了FireFox「HTML Validator」,它很棒。我對簡單和有效性的渴望得到了滿足。 – Smandoli 2009-09-15 16:35:09

+0

沒問題,但如果您滿意,您的問題已解決,請記住將問題標記爲已回答。 – Brandon 2009-09-15 16:42:07

+0

@Brandon:我只是在等一下,看看還有什麼其他的答案。 – 2009-09-15 17:20:15

2

大多數IDE通常會通過突出顯示,模糊下劃線或警告讓您知道。

0

什麼是你最喜歡的工具或技術匹配大HTML文件中的開始和結束標籤?

一個文本編輯器,內置XML格式良好檢查器,並結合使用XHTML的一切。

+0

想知道你贊成哪些。 – Smandoli 2009-09-15 15:54:30

+0

我曾經在Windows上使用EmEditor的其中一個插件。 – bobince 2009-09-15 16:52:16

1

的vim/gvim的&的NetBeans都做標記匹配

+0

我已經按照「:help matchit」中的確切說明進行了操作,但%在vim(Cygwin)中仍然不起作用。 – 2009-09-16 18:05:21

+0

很難說出了什麼問題,你可以試試http://www.catonmat.net/blog/vim-plugins-matchit-vim/或者下載gvim for Windoze,而不是通過cygwin。 – 2009-09-17 11:46:25

+0

@Mike,我在http://stackoverflow.com/questions/1440292上將我的投訴改爲一個問題。隨意回答。 – 2009-09-17 17:44:03

0

崇高文字與Tag plugin一個偉大的工作有一個標記林特功能,其目的是檢查打開和關閉標籤的正確性。

enter image description here

0

Div Checker是一個偉大的工具,它側重於div標籤明確。

雖然其他工具只能告訴我「某個標籤在某處丟失」。
Div-Checker刪除其他標籤,代碼和大多數註釋,以創建一個乾淨的視覺結構,只是divs自己。
從這個div映射,很容易看出嵌套的div是否正確配對!
在這個工具的幫助下,我找到了一個由wordpress主題開發人員遺漏的缺少的div。

這裏是來自@noah-whitmore的Posted Answer,這啓發我這個真棒工具。

在該線程中還提到了其他一些有用的tools,例如unclosed-tag-finder(在視覺上不太容易閱讀,但在缺少標記不是div的情況下會有幫助)。