要想完美解决，office转pdf或者html，最好还是用windows office软件，libreoffice不能完美转换，wps没有api。
html的输入框有提示功能，你输入内容后，会记录下你在这个输入框中输入的内容，当你再输入后，就会在输入框的下面显示，以前你输入过的内容，这个设计挺好的，但是有的时候，也会带来麻烦。例如，如果我要自己来控制这个输入框的内容，像google输入框的下拉提示那样，输入框自带的提示功能就会，盖在自己设计的提示框的上面，这样就不好了。
<input value="" title="linux 在线搜索" name="search" id="search_input" maxlength="50">
上面的这个带有自动提示功能的输入框。
<input value="" title="linux 在线搜索" name="search" id="search_input" maxlength="50" autocomplete="off">
加上autocomplete="off"后，自动提示就没有了。
用户输入的东西是不可信认的，例如，用户注册，用户评论等，这样的数据，你不光要做好防sql的注入，还要防止JS的注入,html的注入。
要想把html中的层设计的很好，来实现一定的效果，也要有一定的思想。做web开发也有好几年了，刚开始的时候，对层不是很了解，总感觉不是很好做，因为当时，我对css这类东西不熟，总觉得这些东西应当由美工来完成，知识总是要学的。什么是html的层呢？html的层根普通意义上的层，意思是一样的。很多东西叠加在一起，三明志，汉堡等，分好几层。
看一个例子，一个拉窗帘的效果，用firefox看，IE下面还没有调试好.
今天遇到一个挺郁闷的，就是float与li有冲突。当他们二个同时出现时，在ie下面呢，li前面的小黑块不见了，但是在firefox下面是好的。
<html>
<style>
ul li{
color:#009999; float:left;list-style-type:square;padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
<li>china</li>
<li>anhui</li>
<li>luan</li>
</ul>
</body>
</html>
先看一下404页面,http://blog.51yip.com/404.html这里面主要就是一个404图片，代码如下
<div style="margin: 10px; text-align: center;">
<img src="test404_files/06.png" usemap="#Map" alt="HTTP 404,file not found"
border="0" height="422" width="450">
<map name="Map" id="Map">
<area shape="rect" coords="64,340,123,365" href="javascript:history.back();">
<area shape="rect" coords="164,340,205,365" href="http://blog.51yip.com">
</map>
</div>
解释：
usemap="#Map"调用一个name='Map'的标签
<map name="Map" id="Map"> html标签
一个<area>对应图片中的一块
shape="rect" 链接的形状，rect是rectangle(距形)英文单词的缩写
coords="64,340,123,365"距形链接坐标，这里的coords是coordinates（坐标）英文单词的缩写。
64,340,123,365这四个数字分别是链接距形相对于图片的左边，上边，右边，下边的位置。
64就是链接距形左边距大图片最左边的距离，其他数字也一样
select标签做应用层程序开发的肯定都用到过。有的时候老是忘记里面的一些东西，写出来了，自己查就方便了。看个例子
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>select example</title> </head> <body> <select id="test" size="10" name="test" multiple="multiple"> <optgroup label="lanuage"> <option value="HTML">html</option> <option value="CSS" selected>css</option> <option value="javascript">js</option> <option value="PHP">php</option> <option value="ASP">python</option> <option value="JSP">java</option> </optgroup> <optgroup label="database"> <option value="Pgsql">pgsql</option> <option value="MySQL">mysql</option> <option value="mssql">mssql</option> </optgroup> </select> </body> </html>
一，搜索引擎工作原理
搜索引擎通过个称之为Spider的序从一个网页或多个网页出发，逐步遍历网上的文件。Spider首先解析网页的HTML代码，查找该页面内的超链接，然后根据链接搜索网页，并建立关键字与其所在位置的对照表。搜索引擎为搜索到的网页建立索引并存入数据库中。当用户输入要搜索的关键字时，搜索引擎根据输入的关键字从数据库中查找匹配的网页，并将结果返回给用户。seo优化就是让搜索引擎更好搜索到你想让它搜到的内容.
二，合理规化自己的网站url
搜索引擎是通过url来从网上抓数据的。所以简单，明确，能表达鲜明主题的url就很重要了。个人认为搜索引擎之所以对动态网页检索有难度是因为它对URL中包括了一些一特殊字符?,&,#,=,%等等，还有一点就是您的链接中最好不要带有中文字符，
一，出现乱码的原因分析
1，保存文件时候，文件有自己的文件编码，就是汉字，或者其他国语言，以什么编码来存储
2，输出的时候，要给内容指定编码，如以网页的形势输入时<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
3,从数据库取出数据时，搞不清楚数据库，设置的字符集
4，以汉字为例，汉字本来也有编码的，一个汉字gbk要二个字符，而utf8要三个字符