<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ls /proc &#187; html</title>
	<atom:link href="http://www.lsproc.com/blog/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lsproc.com/blog</link>
	<description>lsproc.com</description>
	<lastBuildDate>Fri, 18 Nov 2011 09:22:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>用 HTML 表格绘画 （强人）</title>
		<link>http://www.lsproc.com/blog/draw_by_html_table/</link>
		<comments>http://www.lsproc.com/blog/draw_by_html_table/#comments</comments>
		<pubDate>Mon, 25 Jun 2007 03:01:16 +0000</pubDate>
		<dc:creator>lostsnow</dc:creator>
				<category><![CDATA[Video&Audio]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[table]]></category>
		<category><![CDATA[绘画]]></category>

		<guid isPermaLink="false">http://www.lostk.com/blog/video/draw_by_html_table/</guid>
		<description><![CDATA[转载时请标明文章原始出处和作者信息, 作者: lostsnow.http://www.lsproc.com/blog/draw_by_html_table/ 完全用HTML Table作的一幅卡通画。 [coolplayer width="400" height="320" autoplay="0" loop="1" charset="utf-8" download="1" mediatype=""] 用HTML画画 [/coolplayer] -- EOF -- Related Posts2007-05-13 -- HTML or XHTML, 关于web标准 (0)2006-03-01 -- 使用DIV之后,什么时候使用TABLE? (1)2006-03-01 -- Web设计札记 (1)]]></description>
			<content:encoded><![CDATA[<p>转载时请标明文章原始出处和作者信息, 作者: <a href="http://www.lsproc.com/blog/">lostsnow</a>.<br /><a href="http://www.lsproc.com/blog/draw_by_html_table/">http://www.lsproc.com/blog/draw_by_html_table/</a></p>
<p>完全用HTML Table作的一幅卡通画。<br />
[coolplayer width="400" height="320" autoplay="0" loop="1" charset="utf-8" download="1" mediatype=""]<br />
<a href="http://www.youtube.com/jp.swf?video_id=NqFOB77jLaE&#038;eurl=&#038;iurl=http%3A//img.youtube.com/vi/NqFOB77jLaE/2.jpg&#038;t=OEgsToPDskLz_9Zd7Br6n6sZPUYd61wf">用HTML画画</a><br />
[/coolplayer]
<p>-- EOF --</p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li>2007-05-13 -- <a href="http://www.lsproc.com/blog/html_or_xhtml/" title="HTML or XHTML, 关于web标准">HTML or XHTML, 关于web标准</a> (0)</li><li>2006-03-01 -- <a href="http://www.lsproc.com/blog/div-and-table-tags/" title="使用DIV之后,什么时候使用TABLE?">使用DIV之后,什么时候使用TABLE?</a> (1)</li><li>2006-03-01 -- <a href="http://www.lsproc.com/blog/web-design-tips/" title="Web设计札记">Web设计札记</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.lsproc.com/blog/draw_by_html_table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML or XHTML, 关于web标准</title>
		<link>http://www.lsproc.com/blog/html_or_xhtml/</link>
		<comments>http://www.lsproc.com/blog/html_or_xhtml/#comments</comments>
		<pubDate>Sun, 13 May 2007 14:53:18 +0000</pubDate>
		<dc:creator>lostsnow</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web标准]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lostk.com/blog/webdesign/html_or_xhtml/</guid>
		<description><![CDATA[转载时请标明文章原始出处和作者信息, 作者: lostsnow.http://www.lsproc.com/blog/html_or_xhtml/ results of HTML 5 text, editor, name questions, HTML5 is now also hosted by the W3C, W3C XHTML 2.0 与 WHATWG HTML 5 的比较, The next-generation HTML, HTML新变数, JJgod old9 Says: 唉……说什么好呢……XHTML初衷倒是好的，不过用在WEB上太牵强。 对照现在对HTML5的宣传，回过头看看以前标准推广时关于XHTML的论调是有些怪怪的，但我感觉XHTML还是HTML并不是WEB标准的重点（可能更多是三方分离？），况且XHTML和HTML之间的争论，从WEB标准推广一开始就没有停止过，HTML4的支持者也有不少，只是可能XHTML 的鼓吹者更多一点罢了（也许有商业因素？不清楚）。再加上普通开发者对这些新东西也没有什么辨识力，业界领袖都说XHTML，那就XHTML喽，还在用 HTML？落伍啦！这些其实都是导致现在对XHTML盲目崇拜的原因，新技术总是会有盲目崇拜者的，这不，众多业界大牛开始挺HTML5，于是就都 HTML5了…… 其实我觉得轰轰烈烈的标准化运动带给我们WEB开发者的，倒不是HTML还是XHTML还是HTML5的问题，重要的还是一个宝贵的改变过程。在这个过程中至少我们对HTML，对CSS，对JavaScript都有了前所未有的重视——我们开始考虑结构表现分离，开始斟酌HTML语义，开始研究 &#8230; <a href="http://www.lsproc.com/blog/html_or_xhtml/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>转载时请标明文章原始出处和作者信息, 作者: <a href="http://www.lsproc.com/blog/">lostsnow</a>.<br /><a href="http://www.lsproc.com/blog/html_or_xhtml/">http://www.lsproc.com/blog/html_or_xhtml/</a></p>
<p><a href="http://lists.w3.org/Archives/Public/public-html/2007May/0909.html#start909">results of HTML 5 text, editor, name questions</a>,<br />
<a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-May/011228.html">HTML5 is now also hosted by the W3C</a>,<br />
<a href="http://www.jluvip.com/blog/article.asp?id=352">W3C XHTML 2.0 与 WHATWG HTML 5 的比较</a>,<br />
<a href="http://www.junchenwu.com/2007/05/the_next_generation_html.html">The next-generation HTML</a>, <a href="http://realazy.org/blog/2007/05/04/browsers-will-treat-all-versions-of-html-as-html5/">HTML新变数</a>, <a href="http://blog.jjgod.org/2007/05/04/changing-the-title/">JJgod</a></p>
<p><a href="http://old9.blogsome.com/">old9</a> Says:</p>
<blockquote><p>唉……说什么好呢……XHTML初衷倒是好的，不过用在WEB上太牵强。</p>
<p>对照现在对HTML5的宣传，回过头看看以前标准推广时关于XHTML的论调是有些怪怪的，但我感觉XHTML还是HTML并不是WEB标准的重点（可能更多是三方分离？），况且XHTML和HTML之间的争论，从WEB标准推广一开始就没有停止过，HTML4的支持者也有不少，只是可能XHTML 的鼓吹者更多一点罢了（也许有商业因素？不清楚）。再加上普通开发者对这些新东西也没有什么辨识力，业界领袖都说XHTML，那就XHTML喽，还在用 HTML？落伍啦！这些其实都是导致现在对XHTML盲目崇拜的原因，新技术总是会有盲目崇拜者的，这不，众多业界大牛开始挺HTML5，于是就都 HTML5了……</p>
<p>其实我觉得轰轰烈烈的标准化运动带给我们WEB开发者的，倒不是HTML还是XHTML还是HTML5的问题，重要的还是一个宝贵的改变过程。在这个过程中至少我们对HTML，对CSS，对JavaScript都有了前所未有的重视——我们开始考虑结构表现分离，开始斟酌HTML语义，开始研究 CSS管理，开始重新审视JavaScript，开始深入可访问性和用户体验……总之是对WEB前端心里有了底，不再是隐藏在DW，PS那些所见即所得软件外表下不忍卒读的混乱代码和copy/paste来的JS特效。而至于最终是XHTML还是HTML5还是别的什么，都已经不那么重要了。</p>
<p>唉，一家之言，不知道jjgod是不是对WEB标准本身失去了信心，希望不是吧，毕竟你也是国内的领跑者哇，呵呵。如果只是对宣传手段不齿，那就是我多虑了……</p></blockquote>
<p><a href="http://jjgod.3322.org/">jjgod</a> Says: </p>
<blockquote><p>我主要的意思是，标准这种东西，朝令夕改真是很糟糕的，以前尽管我自己对这几个问题也有过思考，但主要还是跟着国外的思路走，很多“fancy words”自己也不想想就抄下来了，这是不对的，改个名字，目的不是要批评谁，而是希望多写点原创的东西、实用的东西，也就是说“advocacy”不再是重点，在我自己观点不成熟的时候。</p>
<p>你说的没错，从提招聘 Web 设计师就必须掌握 Dreamweaver 到终于开始关注 Accessibility、Usablity，这是很大的进步，但目前国内跟风的事情还是做了不少，也许是时候考虑一下，不要老外说风就是雨，我们有很多出色的设计师，相信以后的路能走得更好。</p></blockquote>
<p>-- EOF --</p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li>2006-03-01 -- <a href="http://www.lsproc.com/blog/div-and-table-tags/" title="使用DIV之后,什么时候使用TABLE?">使用DIV之后,什么时候使用TABLE?</a> (1)</li><li>2010-04-13 -- <a href="http://www.lsproc.com/blog/copy_to_clipboard/" title="复制到剪切板 &#8211; 兼容 ie, firefox, chrome &#038; flash10">复制到剪切板 &#8211; 兼容 ie, firefox, chrome &#038; flash10</a> (5)</li><li>2007-06-25 -- <a href="http://www.lsproc.com/blog/draw_by_html_table/" title="用 HTML 表格绘画 （强人）">用 HTML 表格绘画 （强人）</a> (0)</li><li>2006-03-01 -- <a href="http://www.lsproc.com/blog/web-design-tips/" title="Web设计札记">Web设计札记</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.lsproc.com/blog/html_or_xhtml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web设计札记</title>
		<link>http://www.lsproc.com/blog/web-design-tips/</link>
		<comments>http://www.lsproc.com/blog/web-design-tips/#comments</comments>
		<pubDate>Wed, 01 Mar 2006 08:40:22 +0000</pubDate>
		<dc:creator>lostsnow</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://lost.yi.org/blog/?p=10</guid>
		<description><![CDATA[转载时请标明文章原始出处和作者信息, 作者: lostsnow.http://www.lsproc.com/blog/web-design-tips/ IE中处理空白字符的问题 按通常的理解，HTML文档中的空白字符如空格、回车、制表符等都应当被忽略，但IE处理这些字符时有可能会出现一些问题，尤其是和&#60;img&#62;标签相关的时候。 比如下面一段代码： &#60;div&#62; &#60;img src=&#34;banner.png&#34; /&#62; &#60;/div&#62; 在IE中的图片下方多出了不应有的空白，原因是&#60;img&#62;和&#60;div&#62;之间的回车被IE理解为空格，并在页面上显示出来。解决方法很简单： &#60;div&#62;&#60;img src=&#34;banner.png&#34; /&#62;&#60;/div&#62; 现在就正常了。 在Firefox中不存在上述问题。 表单元素命名的细节问题 提交按钮的名字不要用简单的"submit"，这个名字会让form对象的submit()方法失效。因为按钮在&#60;form&#62;之后出现，forms[0].submit就成了一个对象，导致forms[0].submit()失去作用。 同样的道理，在给其他表单元素命名是不要使用可能引起混淆的名字。 IE5.x和IE6.0对元素宽度的计算方法不一样，设计网页时要格外小心。 IE5.x中一个元素的实际宽度 = margin*2 + width，其中 width = border*2 + padding*2 + 内部空间，留给实际内容的只有 width - border*2 - padding*2。 IE6.0中一个元素的实际宽度 = &#8230; <a href="http://www.lsproc.com/blog/web-design-tips/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>转载时请标明文章原始出处和作者信息, 作者: <a href="http://www.lsproc.com/blog/">lostsnow</a>.<br /><a href="http://www.lsproc.com/blog/web-design-tips/">http://www.lsproc.com/blog/web-design-tips/</a></p>
<blockquote>
<p>IE中处理空白字符的问题</p>
</blockquote>
<p>按通常的理解，HTML文档中的空白字符如空格、回车、制表符等都应当被忽略，但IE处理这些字符时有可能会出现一些问题，尤其是和&lt;img&gt;标签相关的时候。</p>
<p>比如下面一段代码：</p>
<pre class="brush: html">
&lt;div&gt;
&lt;img src=&quot;banner.png&quot; /&gt;
&lt;/div&gt;
</pre>
<p>在IE中的图片下方多出了不应有的空白，原因是&lt;img&gt;和&lt;div&gt;之间的回车被IE理解为空格，并在页面上显示出来。解决方法很简单：</p>
<pre class="brush: html">
&lt;div&gt;&lt;img src=&quot;banner.png&quot; /&gt;&lt;/div&gt;
</pre>
<p>现在就正常了。</p>
<p>在Firefox中不存在上述问题。</p>
<p><span id="more-10"></span></p>
<blockquote><p>表单元素命名的细节问题
</p></blockquote>
<p>提交按钮的名字不要用简单的"submit"，这个名字会让form对象的submit()方法失效。因为按钮在&lt;form&gt;之后出现，forms[0].submit就成了一个对象，导致forms[0].submit()失去作用。</p>
<p>同样的道理，在给其他表单元素命名是不要使用可能引起混淆的名字。</p>
<blockquote><p>IE5.x和IE6.0对元素宽度的计算方法不一样，设计网页时要格外小心。
</p></blockquote>
<p>IE5.x中一个元素的实际宽度 = margin*2 + width，其中 width = border*2 + padding*2 + 内部空间，留给实际内容的只有 width - border*2 - padding*2。</p>
<p>IE6.0中一个元素的实际宽度 = margin*2 + border*2 + padding*2 + width，实际内容的宽度就是 width。</p>
<blockquote><p>页面内容居中方法两则
</p></blockquote>
<p>其一：body 中定义 text-align:center，页面内容都放进一个 &lt;div id="all"&gt; 当中，定义 #all 为 width: 760px; margin: 0 auto; text-align: left。</p>
<p>其二：仍然把页面内容都放进 &lt;div id="all"&gt; 里面，定义 #all 为 width: 760px; position: absolute; left: 50%; margin-left: -380px。</p>
<blockquote><p>
CSS中属性的继承
</p></blockquote>
<p>body中的字体属性不能继承给 form 中的 input、textarea 等元素。你需要重新定义它们的外观。</p>
<p>IE 中另有一个继承的 bug，即 table 元素不能从 body 中继承字体属性，同样需要另外定义。</p>
<p>-- EOF --</p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li>2010-01-26 -- <a href="http://www.lsproc.com/blog/firefox_crashes_again_and_again/" title="firefox crashes again and again">firefox crashes again and again</a> (0)</li><li>2007-07-16 -- <a href="http://www.lsproc.com/blog/install_tor_under_ubuntu/" title="Ubuntu 下安装 Tor">Ubuntu 下安装 Tor</a> (0)</li><li>2007-06-25 -- <a href="http://www.lsproc.com/blog/draw_by_html_table/" title="用 HTML 表格绘画 （强人）">用 HTML 表格绘画 （强人）</a> (0)</li><li>2007-06-05 -- <a href="http://www.lsproc.com/blog/anchor_pseudo_classes/" title="关于定义a:visited后a:hover不起作用">关于定义a:visited后a:hover不起作用</a> (3)</li><li>2007-05-13 -- <a href="http://www.lsproc.com/blog/html_or_xhtml/" title="HTML or XHTML, 关于web标准">HTML or XHTML, 关于web标准</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.lsproc.com/blog/web-design-tips/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

