mirror of
https://github.com/mrclay/minify.git
synced 2025-08-16 02:54:33 +02:00
Minify_HTML: shorter line lengths
This commit is contained in:
@@ -77,9 +77,6 @@ class Minify_HTML {
|
|||||||
.'|ol|opt(?:group|ion)|p|param|t(?:able|body|head|d|h||r|foot|itle)'
|
.'|ol|opt(?:group|ion)|p|param|t(?:able|body|head|d|h||r|foot|itle)'
|
||||||
.'|ul)\\b[^>]*>)/i', '$1', $html);
|
.'|ul)\\b[^>]*>)/i', '$1', $html);
|
||||||
|
|
||||||
// line break within some tags to limit line lengths
|
|
||||||
$html = preg_replace('/(<(?:div|span|a|p|input)) ([^>]+>)/i', "$1\n$2", $html);
|
|
||||||
|
|
||||||
// remove ws outside of all elements
|
// remove ws outside of all elements
|
||||||
$html = preg_replace_callback(
|
$html = preg_replace_callback(
|
||||||
'/>([^<]+)</'
|
'/>([^<]+)</'
|
||||||
@@ -92,6 +89,9 @@ class Minify_HTML {
|
|||||||
self::_fillPlaceholders($html, self::$_scripts, 'SCRIPT');
|
self::_fillPlaceholders($html, self::$_scripts, 'SCRIPT');
|
||||||
self::_fillPlaceholders($html, self::$_styles, 'STYLE');
|
self::_fillPlaceholders($html, self::$_styles, 'STYLE');
|
||||||
|
|
||||||
|
// use newlines before 1st attribute in open tags (to limit line lengths)
|
||||||
|
$html = preg_replace('/(<[a-z\\-]+)\\s+([^>]+>)/i', "$1\n$2", $html);
|
||||||
|
|
||||||
self::$_cssMinifier = self::$_jsMinifier = null;
|
self::$_cssMinifier = self::$_jsMinifier = null;
|
||||||
return $html;
|
return $html;
|
||||||
}
|
}
|
||||||
|
@@ -1,9 +1,21 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><meta name="author" content="Dave Shea" /><meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" /><meta name="description" content="A demonstration of what can be accomplished visually through CSS-based design." /><meta name="robots" content="all" /><title>css Zen Garden: The Beauty in CSS Design</title><script type="text/javascript">var is={ie:navigator.appName=='Microsoft Internet Explorer',java:navigator.javaEnabled(),ns:navigator.appName=='Netscape',ua:navigator.userAgent.toLowerCase(),version:parseFloat(navigator.appVersion.substr(21))||parseFloat(navigator.appVersion),win:navigator.platform=='Win32'}
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html
|
||||||
|
xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><meta
|
||||||
|
http-equiv="content-type" content="text/html; charset=iso-8859-1" /><meta
|
||||||
|
name="author" content="Dave Shea" /><meta
|
||||||
|
name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" /><meta
|
||||||
|
name="description" content="A demonstration of what can be accomplished visually through CSS-based design." /><meta
|
||||||
|
name="robots" content="all" /><title>css Zen Garden: The Beauty in CSS Design</title><script
|
||||||
|
type="text/javascript">var is={ie:navigator.appName=='Microsoft Internet Explorer',java:navigator.javaEnabled(),ns:navigator.appName=='Netscape',ua:navigator.userAgent.toLowerCase(),version:parseFloat(navigator.appVersion.substr(21))||parseFloat(navigator.appVersion),win:navigator.platform=='Win32'}
|
||||||
is.mac=is.ua.indexOf('mac')>=0;if(is.ua.indexOf('opera')>=0){is.ie=is.ns=false;is.opera=true;}
|
is.mac=is.ua.indexOf('mac')>=0;if(is.ua.indexOf('opera')>=0){is.ie=is.ns=false;is.opera=true;}
|
||||||
if(is.ua.indexOf('gecko')>=0){is.ie=is.ns=false;is.gecko=true;}</script><script type="text/javascript">/*<![CDATA[*/var i=0;while(++i<10)
|
if(is.ua.indexOf('gecko')>=0){is.ie=is.ns=false;is.gecko=true;}</script><script
|
||||||
{}/*]]>*/</script><script type="text/javascript">i=1;</script><script type="text/javascript">/*<![CDATA[*/(i<1);/*]]>*/</script><!--[if IE 6]><style type="text/css">/*<![CDATA[*/
|
type="text/javascript">/*<![CDATA[*/var i=0;while(++i<10)
|
||||||
|
{}/*]]>*/</script><script
|
||||||
|
type="text/javascript">i=1;</script><script
|
||||||
|
type="text/javascript">/*<![CDATA[*/(i<1);/*]]>*/</script><!--[if IE 6]><style
|
||||||
|
type="text/css">/*<![CDATA[*/
|
||||||
/* copyright: you'll need CDATA for this < & */
|
/* copyright: you'll need CDATA for this < & */
|
||||||
body{background:white}/*]]>*/</style><![endif]--><style type="text/css" title="currentStyle" media="screen">@import "/001/001.css";/*\*/css
|
body{background:white}/*]]>*/</style><![endif]--><style
|
||||||
|
type="text/css" title="currentStyle" media="screen">@import "/001/001.css";/*\*/css
|
||||||
hack{}/**//*/*/css
|
hack{}/**//*/*/css
|
||||||
hack{}/**/css
|
hack{}/**/css
|
||||||
hack{display/**/:/**/none;display:none}</style><link
|
hack{display/**/:/**/none;display:none}</style><link
|
||||||
@@ -13,15 +25,19 @@ href="http://www.csszengarden.com/favicon.ico" /><link
|
|||||||
rel="alternate"
|
rel="alternate"
|
||||||
type="application/rss+xml"
|
type="application/rss+xml"
|
||||||
title="RSS"
|
title="RSS"
|
||||||
href="http://www.csszengarden.com/zengarden.xml" /></head><body id="css-zen-garden"><div
|
href="http://www.csszengarden.com/zengarden.xml" /></head><body
|
||||||
|
id="css-zen-garden"><div
|
||||||
id="container"><div
|
id="container"><div
|
||||||
id="pageHeader"><h1><span>css Zen Garden</span></h1><h2><span>The Beauty of <acronym title="Cascading Style Sheets">CSS</acronym> Design</span></h2></div><pre>
|
id="pageHeader"><h1><span>css Zen Garden</span></h1><h2><span>The Beauty of <acronym
|
||||||
|
title="Cascading Style Sheets">CSS</acronym> Design</span></h2></div><pre>
|
||||||
White space is important here!
|
White space is important here!
|
||||||
</pre><div
|
</pre><div
|
||||||
id="quickSummary"><p
|
id="quickSummary"><p
|
||||||
class="p1"><span>A demonstration of what can be accomplished visually through <acronym title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span></p><p
|
class="p1"><span>A demonstration of what can be accomplished visually through <acronym
|
||||||
|
title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span></p><p
|
||||||
class="p2"><span>Download the sample <a
|
class="p2"><span>Download the sample <a
|
||||||
href="/zengarden-sample.html" title="This page's source HTML code, not to be modified.">html file</a> and <a
|
href="/zengarden-sample.html" title="This page's source HTML code, not to be modified.">html file</a> and <a
|
||||||
href="/zengarden-sample.css" title="This page's sample CSS, the file you may modify.">css file</a></span></p></div><textarea name="comment" id="comment" rows="6" class="maxwidth" cols="80">66666
|
href="/zengarden-sample.css" title="This page's sample CSS, the file you may modify.">css file</a></span></p></div><textarea
|
||||||
|
name="comment" id="comment" rows="6" class="maxwidth" cols="80">66666
|
||||||
|
|
||||||
1234567890</textarea></div></body></html>
|
1234567890</textarea></div></body></html>
|
Reference in New Issue
Block a user