当前位置:  编程技术>WEB前端
本页文章导读:
    ▪LI 标签中让文章标题左对齐,日期右对齐的方法      希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio.........
    ▪对html进行SEO的一点点总结      1. 要考虑用户用哪些关键在查找您的网页2. SE无法识别图形中的内容3. 确保title和alt中的内容准确4. 尽量用静态页,如果是动态页,参数要少5. 每个图片都尽量用alt6. 不用mouserovers ,用CSS7. SE不.........
    ▪EasyUI 1.2与1.3 差异总结           有两年时间没有用过EasyUI了,也好长时间没有写过代码了,今天对着EasyUI API边学边用,发现了几个死活也调不对的问题,经测试发现原来是版本差异问题。 1. data-options 属.........

[1]LI 标签中让文章标题左对齐,日期右对齐的方法
    来源: 互联网  发布时间: 2013-11-06

希望实现标题在左对齐,日期在右对齐,当直接给日期的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中日期右对齐。





作者:acongshijia 发表于2013-3-12 10:41:47 原文链接
阅读:35 评论:0 查看评论

    
[2]对html进行SEO的一点点总结
    来源:    发布时间: 2013-11-06

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

本文链接


    
[3]EasyUI 1.2与1.3 差异总结
    来源: 互联网  发布时间: 2013-11-06

     有两年时间没有用过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>

新版本没有这样的要求了,更友好,上面两种方式都可以正常运行。


作者:kang89 发表于2013-3-12 11:58:05 原文链接
阅读:73 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪不通过JavaScript实现的自动滚动视差效果 iis7站长之家
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3