﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-有时，退一步，能一口气进几步，只是这先退一步需要勇气和自信。-随笔分类-HTML</title><link>http://www.blogjava.net/ducklyl/category/34658.html</link><description>用心爱你，努力工作。&lt;br/&gt;
</description><language>zh-cn</language><lastBuildDate>Fri, 23 Oct 2009 18:45:24 GMT</lastBuildDate><pubDate>Fri, 23 Oct 2009 18:45:24 GMT</pubDate><ttl>60</ttl><item><title>[转]page-break-before和page-break-after</title><link>http://www.blogjava.net/ducklyl/archive/2009/10/22/299350.html</link><dc:creator>王生生</dc:creator><author>王生生</author><pubDate>Thu, 22 Oct 2009 06:00:00 GMT</pubDate><guid>http://www.blogjava.net/ducklyl/archive/2009/10/22/299350.html</guid><wfw:comment>http://www.blogjava.net/ducklyl/comments/299350.html</wfw:comment><comments>http://www.blogjava.net/ducklyl/archive/2009/10/22/299350.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ducklyl/comments/commentRss/299350.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ducklyl/services/trackbacks/299350.html</trackback:ping><description><![CDATA[<div>
<p>page- break-before和page-break-after
CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和
right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page
breaks)。page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。page-
break-before若设定成left，则会插入分页符号，直到指定的组件出现在一个左边的空白页上。page-break-before若设定成
right，则会插入分页符号，直到指定的组件出现在一个右边的空白页上。page-break-after属性会将分页符号加在指定组件后，而非之前。
在下列程序中您将可以看到这些属性的设定。</p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">HTML</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">HEAD</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">TITLE</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">Listing&nbsp;14-4</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">TITLE</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">HEAD</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">BODY</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;first&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV&nbsp;</span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="page-break-before:always"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;second&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV&nbsp;</span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="page-break-after:always"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;third&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;fourth&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV&nbsp;</span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="page-break-before:right"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;fifth&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV&nbsp;</span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="page-break-after:right"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;sixth&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">This&nbsp;is&nbsp;the&nbsp;last&nbsp;DIV.</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">DIV</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">BODY</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
<br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">HTML</span><span style="color: #0000ff;">&gt;</span></div>
<br />
<br />
转自 http://www.cnblogs.com/JustinYoung/articles/710734.html <br />
</div>
<img src ="http://www.blogjava.net/ducklyl/aggbug/299350.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ducklyl/" target="_blank">王生生</a> 2009-10-22 14:00 <a href="http://www.blogjava.net/ducklyl/archive/2009/10/22/299350.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML转PDF，支持命令行</title><link>http://www.blogjava.net/ducklyl/archive/2009/07/09/286158.html</link><dc:creator>王生生</dc:creator><author>王生生</author><pubDate>Thu, 09 Jul 2009 14:25:00 GMT</pubDate><guid>http://www.blogjava.net/ducklyl/archive/2009/07/09/286158.html</guid><wfw:comment>http://www.blogjava.net/ducklyl/comments/286158.html</wfw:comment><comments>http://www.blogjava.net/ducklyl/archive/2009/07/09/286158.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ducklyl/comments/commentRss/286158.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ducklyl/services/trackbacks/286158.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp; 項目中有用到需要生成PDF文件，网上找了一些关于生成PDF文件的技术，基本上都是用程序去生成。因為項目到了后期，客户才提出转PDF的需求，所以不太可能采用常规的方法。<br />
&nbsp;&nbsp;&nbsp; 最后找到一个支持命令行的软件（HTML2PDF Pilot），可以直接将HTML页面转成PDF。这樣一來可以省很多时间去再去开發。<br />
&nbsp;&nbsp;&nbsp; 用java实现命令行调用HTML2PDF是一件很简单的事，如此一來，解决了項目中目前棘手的问题，不过有一點比较郁悶，转成PDF的时间要好几秒，因此有一个比较长的等待过程。<br />
&nbsp;&nbsp;&nbsp; 在这里記錄下这个方案，希望能給有遇到这个问题的朋友参考。如果大家有更好的方法，不妨提出來分享。<br />
<br />
HTML2PDF Pilot(破解)下载：(支持用命令行调用，可以参看压缩包中的help.chm)<br />
<br />
<a href="http://www.ziddu.com/download/5538757/HTML2PDFPilot.rar.html" class="normal12blue"><strong>http://www.ziddu.com/download/5538757/HTML2PDFPilot.rar.html</strong></a><br />
<br />
<br />
<br />
<img src ="http://www.blogjava.net/ducklyl/aggbug/286158.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ducklyl/" target="_blank">王生生</a> 2009-07-09 22:25 <a href="http://www.blogjava.net/ducklyl/archive/2009/07/09/286158.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML初级指南-元标签&lt;meta&gt;</title><link>http://www.blogjava.net/ducklyl/archive/2008/09/24/230880.html</link><dc:creator>王生生</dc:creator><author>王生生</author><pubDate>Wed, 24 Sep 2008 06:48:00 GMT</pubDate><guid>http://www.blogjava.net/ducklyl/archive/2008/09/24/230880.html</guid><wfw:comment>http://www.blogjava.net/ducklyl/comments/230880.html</wfw:comment><comments>http://www.blogjava.net/ducklyl/archive/2008/09/24/230880.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ducklyl/comments/commentRss/230880.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ducklyl/services/trackbacks/230880.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp; 元标签对浏览器窗口中的内容不做任何事情，它们用在关于页面的像搜索引擎的归类目录信息中。<br />
&nbsp;&nbsp;&nbsp; 元标签meta可以使用尽可能多次如你所需，包括内容属性content（必须的）、名称属性name和http-equiv属性。<br />
<br />
&nbsp;&nbsp;&nbsp; 名称name属性可以是你喜欢的任何东西，通常使用的是作者author，关键词keywords和描述description。描述常被搜索引擎（比如Google，百度）用来在搜索结果中描述页面，而它本身也可能是元标签中最有用的应用。<br />
<br />
&nbsp;&nbsp;&nbsp; http-equiv属性取替名称name属性会产生HTTP数据头，它将会发送页面拥有的信息给服务器。随后内容属性content可以是content-type（类型）、expires（时效）、refresh（刷新，多长时间页面会自动刷新一次）以及set-cookie（设置cookie）。<br />
&lt;html&gt;<br />
&nbsp;&nbsp; &lt;head&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Title&lt;/title&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;meta name="description" content="This is my bloody exciting web page about air conditioners" /&gt; ...<br />
注意<br />
&nbsp;&nbsp;&nbsp; 元标签之所以重要，是因为它们为搜索引擎所依赖和为页面建立概况。比如关键词keywords元数据就被广泛运用。如今，大部分的搜索引擎使用页面本身的内容，使大部分元数据对于阅读这个HTML的用户来说是没有什么作用的，除了转换信息以外。<br />
<br />
<br />
<img src ="http://www.blogjava.net/ducklyl/aggbug/230880.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ducklyl/" target="_blank">王生生</a> 2008-09-24 14:48 <a href="http://www.blogjava.net/ducklyl/archive/2008/09/24/230880.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML初级指南-span与div</title><link>http://www.blogjava.net/ducklyl/archive/2008/09/24/230877.html</link><dc:creator>王生生</dc:creator><author>王生生</author><pubDate>Wed, 24 Sep 2008 06:44:00 GMT</pubDate><guid>http://www.blogjava.net/ducklyl/archive/2008/09/24/230877.html</guid><wfw:comment>http://www.blogjava.net/ducklyl/comments/230877.html</wfw:comment><comments>http://www.blogjava.net/ducklyl/archive/2008/09/24/230877.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ducklyl/comments/commentRss/230877.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ducklyl/services/trackbacks/230877.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp; HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来。<br />
&nbsp;&nbsp;&nbsp; span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。<br />
&lt;div id="scissors"&gt; <br />
&nbsp;&nbsp; &lt;p&gt;This is &lt;span class="paper"&gt;crazy&lt;/span&gt;&lt;/p&gt;<br />
&lt;/div&gt;<br />
&nbsp;&nbsp;&nbsp; 在实践中，div，特别是span不应该滥用，尽管有其他相左的意见。比如，你要强调单词&#8220;crazy&#8221;和加粗类&#8220;paper&#8221;，可能会用这样的代码：<br />
&lt;div id="scissors"&gt; <br />
&nbsp;&nbsp; &lt;p&gt;This is &lt;strong class="paper"&gt;crazy&lt;/strong&gt;&lt;/p&gt;<br />
&lt;/div&gt;<br />
这是做法比再加一个span比较好。<br />
你所需要记住的是，span和div 是&#8220;无意义&#8221;的标签。<br />
<br />
<img src ="http://www.blogjava.net/ducklyl/aggbug/230877.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ducklyl/" target="_blank">王生生</a> 2008-09-24 14:44 <a href="http://www.blogjava.net/ducklyl/archive/2008/09/24/230877.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>