2011-12-10 238 views
1

要刪除一些頁面加載時間,我可以在哪裏找到某些東西來刪除html標記之間的空格?沒有我不必經過每一個和刪除他們自己刪除html標籤之間的空格?

像這樣:

<body> 
    <p>Lot's of space</p> 
</body> 

<body><p>No space</p></body> 

我發現這個site。但它留下一個標籤之間的空白。但我不想要任何。

+0

你想要一個[HTML minifier(http://www.google.com/search?q=html+minifier)... –

回答

1

你需要什麼it's運行如下的HTML。 在這裏你可以閱讀關於this的討論

此外,你可以縮小你的CSS和你的JS。

+0

是的!謝謝。你的鏈接引導我到http://www.willpeavy.com/minifier/。它完美的作品 –

0

我正在用Smarty模板引擎開發Web應用程序。它具有功能{strip},它可以替換模板中的所有新行,製表符,空格...。所以你可以用許多新的行和空格來編寫你的代碼。但產出將是單一線。

6

請注意,您對正在發生的事情有一些瞭解,否則將破壞文檔的完整性。完全縮小的代碼示例將刪除所有註釋和所有空格字符,這些字符對於語法目的不是必需的。

換句話說HTML的這個例子中:

<p>Some content 
    <strong>is strong</strong> 
    and 
    <em>emphasized</em> 
    in this paragraph.</p> 

當完全精縮變爲:

<p>Somecontent<strong>isstrong</strong>and<em>emphasized</em>inthisparagraph.</p> 

在這種情況下,腐敗的內容是顯而易見的,因爲所有的字被碰撞到每個其他。不明顯的是空間緩衝內容和標籤以及標籤之間不與其他內容相鄰的空間。 HTML文檔中標籤之外的所有空白字符都是DOM中的文本節點,如果不仔細考慮刪除DOM節點可能有害。

此外,您還必須確保您的HTML縮小器不會破壞任何內嵌JavaScript或CSS代碼。查看可用的不同選項時仔細調查這些條件。

這是我寫的一個可能對您有幫助的作品,它以一種完全遞歸到使用自動漂亮打印應用程序的美化狀態的方式縮小標記標記。

http://prettydiff.com/?m=minify&html