希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> <!-- #mylist { width:400px; list-style-type:none; margin:0; padding:0; } #mylist li span { float:right; } --> </style> </head> <body> <ul id="mylist"> <li><span>2011-12-2</span>生意街商机汇(www.875.cn)</li> <li><span>2011-12-2</span>生意街商机汇(www.875.cn)</li> <li><span>2011-12-2</span>生意街商机汇(www.875.cn)</li> </ul> </body> </html>
注意: 要把 span 写到Li标签中的最前面,这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。
1. 要考虑用户用哪些关键在查找您的网页
2. SE无法识别图形中的内容
3. 确保title和alt中的内容准确
4. 尽量用静态页,如果是动态页,参数要少
5. 每个图片都尽量用alt
6. 不用mouserovers ,用CSS
7. SE不识别javascript
8. SE只能识别最常用的html标签
----------------------------------
一. 多多使用:
----------------------------------
1. <h1> 每页用1个识别页主题
2. <h2> 多个同级次要主体 .hn系列不要跨号使用
3. <p> 文本的停顿
4. <ul><li> 无序列表: 导航链,标题
5. <ol><oi> 有序列表定义过程的步骤
6. <dl><dt> 表示术语或定义
7. <blackquote> 引用,来自另一个网站的文本摘录,影评
8. <q> 俏皮话
9. <cite> 引入一本书的题目,报纸文章,网站
10. <address> 网页作者的相关信息
11. <strong> 粗体, 表示强调
<em> 斜体, 次要文本
----------------------------------
二. 避免
----------------------------------
1. font, backgroud ,bgcolor, text , link, alink, vlink
2. table 不用于布局,最多嵌套两层(SEO)
3. br 可以用margin控制
http://weibo.com/caozf
本文链接
有两年时间没有用过EasyUI了,也好长时间没有写过代码了,今天对着EasyUI API边学边用,发现了几个死活也调不对的问题,经测试发现原来是版本差异问题。
1. data-options 属性
data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性(具体是哪个版本开始未考究,反证1.3就有了)。通过这个属性,我们可以对easyui组件的实例化可以完全写入到html中.
<div id="test" Test Window'" style="width:300px;height:100px;"> Window Content class="easyui-window" zoukang http://blog.csdn.net/kang89 </div>
如上,轻松就可以定义一个window,而需要像以前版本中写好几行js,如下
<div id="win" iconCls="icon-save" title="My Window"> Window Content lovekang89 </div> $('#win').window({ width:600, height:400, modal:true }); $('#win').window('close'); // close window关于data-options 更多内容可浏览文章 http://easyui.btboys.com/the-use-of-easyui-data-options.html
2. js与DOM罥加载渲染顺序
旧版本的,js必须放在DOM后面,否则或找不到元素(jquery不会报错)
<script type="text/javascript"> $('#test').window({ width:600, height:400, modal:true }); $('#test').window('open'); </script> </head> <body style="height:100%;width:100%;overflow:hidden;border:none;padding:20px" > <div id="test" Test Window'" style="width:300px;height:100px;"> fsdafasdfasdfasdfasdfsadfasdfasdfsadfs lovekang89 潇湘易水寒 </div>
无法上正常显示,看不到easyui 窗口,但是把顺序调整一下就可以显示,改成如下:
</head> <body style="height:100%;width:100%;overflow:hidden;border:none;padding:20px" > <div id="test" Test Window'" style="width:300px;height:100px;"> fsdafasdfasdfasdfasdfsadfasdfasdfsadfs lovekang89 潇湘易水寒 </div> <script type="text/javascript"> $('#test').window({ width:600, height:400, modal:true }); $('#test').window('open'); </script>
新版本没有这样的要求了,更友好,上面两种方式都可以正常运行。