柠檬工作室 » Html http://www.crazylemon.net 上帝无用，天使无用 Thu, 17 Nov 2011 19:39:10 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 什么相对链接与绝对链接 http://www.crazylemon.net/seo/3686.html http://www.crazylemon.net/seo/3686.html#comments Mon, 25 Oct 2010 17:00:50 +0000 CrazyLemon http://www.crazylemon.net/?p=3686 绝对链接和相对链接是相对而言的。这两个词汇经常在网页制做里用到。

最简单的辨别方法就是：

绝对连接就是带有网址连接

相对连接当然就是不带网址的连接

比如，你做了一个连接地址 (<a href=”http://www.abc.com”>www.abc.com</a>)形如这样类型的，就是绝对链接。这种连接，一般是引入本站外部的站点时用到的。可以是另一个站点，或单一的页面。

而如果，你做的连接是形如(<a href=”abc.htm”>某一页</a>)这样的，就是相对链接，这种连接都是指向本站内部的。好处就是。无论你的网站移植到任意的空间去。此连接依然有效。

如果您的文档指定了一个基础链接，即在<head>放入

<base href=”http://www.abc.com/” />

则所有相对链接都会相对于该基础链接。

一般的，如果不指明这个基础链接，浏览器也会自动识别相对链接，但为了更保险，如SEO方面的混乱，还是指明基础链接，或直接使用绝对链接。

相关日志

]]> http://www.crazylemon.net/seo/3686.html/feed 1 meta 里绕过IE不同版本兼容性问题 http://www.crazylemon.net/html/3555.html http://www.crazylemon.net/html/3555.html#comments Tue, 28 Sep 2010 10:59:37 +0000 CrazyLemon http://www.crazylemon.net/?p=3555 有些模板在ie8浏览器上无法正常的显示，但是在其他的浏览器上就能正常显示。可以通过模板初定义修改。

将head 里的的meta http-equiv=”Content-Type” content=”text/html

这句换成：meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7

即告诉IE以IE7的方式渲染

或简单写  content=”IE=7″

如果要FireFox兼容不同版本，可写 content=”FF=3″等等，内容用分号隔开

相关日志

]]> http://www.crazylemon.net/html/3555.html/feed 0 如何判断网页是静态还是伪静态 http://www.crazylemon.net/html/3540.html http://www.crazylemon.net/html/3540.html#comments Sat, 25 Sep 2010 09:21:57 +0000 CrazyLemon http://www.crazylemon.net/?p=3540 打开你想判断的网站后，再在网址框中输入 javascript:alert(document.lastModified);

IE5以上… ，此方法可以判断一个网页的最后更新时间，如果这个时间与现在的时间相同，说明是伪静态的，反之为静态的。

另外的，网上所说的使用firefox控制台进行测试的方法有点问题，每次都会是现在的时间，就算是真的静态页面。

相关日志

]]> http://www.crazylemon.net/html/3540.html/feed 2 什么是Acid3测试，我的Acid3测试结果 http://www.crazylemon.net/html/3481.html http://www.crazylemon.net/html/3481.html#comments Wed, 08 Sep 2010 16:05:27 +0000 CrazyLemon http://www.crazylemon.net/?p=3481 测试地址：

http://acid3.acidtests.org/

Acid3 由网页标准计划小组（Web Standards Project, WaSP）设计，是一份网页浏览器及设计软件之标准相容性的测试网页，Acid3是目前Web标准基准测试中最严格的一个,对DOM和JavaScript有着严格的约束，Acid3于 2008年3月3日正式发布。其测试焦点集中在ECMAScript、DOM Level 3、Media Queries和data: URL。浏览器开启此测试网页后，页面会不断加载功能、直接给予分数，满分为100分。

目前,Opera10已经以满分的成绩完全通过Acid3的严格测试,苹果Safari和Google Chrome的内核引擎WebKit也已经完全通过Acid3的严格测试. 　　2008年3月份开始,Safari,FireFox,Opera开始向Acid3进发,09年1月测试结果：Chrome为97,Safari达到75分,FireFox 3.0.2为71,Opera 9.52为84分,Opera 9.62为85分,IE7仅有5分.而在开发预览版本中,Safari、搜狗2和Maxthon3已经达到了100,最新Gecko为87,Opera为100,IE8为21分. 　　2010年最新的Chrome开发也是满分100分，而微软的IE9预览版也达到了55分，让人惊讶。 　　Firefox 3.6测试版为92分。 　　搜狗高速浏览器也达到了满分。 　　IE6测试才为12分。

我的测试结果是：

IE 8：20

Chrome：100

Firefox：94

Maxthon2：13

看来傲游有点悲剧了，居然比IE8还低。。

相关日志

]]> http://www.crazylemon.net/html/3481.html/feed 1 SEO优化正确使用alt属性和title属性 http://www.crazylemon.net/seo/3393.html http://www.crazylemon.net/seo/3393.html#comments Tue, 10 Aug 2010 21:56:27 +0000 CrazyLemon http://www.crazylemon.net/?p=3393 正确的使用alt text属性和title属性不仅可以提高图片的搜索能力，对用户体验上也是很有帮助。

alt

替换文字（alt text）是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的。Alt text在IE浏览器中还起到了title的作用——鼠标经过时的文字提示。IE浏览器给了大家一个误导，在IE中ALT会变成文字提示是因为IE不标准。这一点Firefox做的就比较好。

title

title是对图片的说明和额外补充，如果需要在鼠标经过图片时出现文字提示应该用属性title。title属性的优先级高于alt text。但由于错误的引导，很多初学者就在img标签内只加了alt属性。

下面看个例子，我们可以更清楚的看清alt text和 title之间的区别：

//*图片不显示
<img src=”abc.jpg” width=”400″ height=”104″ alt=”引导线网页制作网”>  
<img src=”abc.jpg” width=”239″ height=”104″ title=”引导线网页制作网” />
//*图片显示
<img src=”abc.png”  title=”引导线网页制作网” />
<img src=”abc.png”  alt=”引导线网页制作网” />
 
在IE7或8以下浏览器中，这四句代码，鼠标经过图片时，都会出现文字提示。

而在Firefox浏览器中，前三句代码，鼠标经过图片时，都会出现文字提示，最后一句代码，鼠标经过图片不会显示文字提示（如下图所示）。

也就是说当图片不能显示时，鼠标经过图片时会显示替换文字的内容，而当图片可以显示时，鼠标经过图片时，替换文字就不会显示出来了。

现在我们已经知道alt text和title有什么不同了，那么我们怎样才能正确使用它们呢？

1. alt text和title对访问者都很重要（alt text对搜索引擎会更重要一些），所以在定义img对象时，最好将alt text和title属性都写全，保证在各种浏览器中都能正常使用。

2. 在alt text和title中包含关键字，并且二者内容最好不一样。

3. 不要在alt text和title中堆积关键字，否则可能会导致搜索引擎惩罚。

其实，图片提示提示（tool tip），原来只是title属性实现的，之前因为IE的不标准，被误导了，以为是alt

相关日志

]]> http://www.crazylemon.net/seo/3393.html/feed 2 firefox不支持的一个javascript http://www.crazylemon.net/html/3225.html http://www.crazylemon.net/html/3225.html#comments Thu, 24 Jun 2010 14:43:40 +0000 CrazyLemon http://www.crazylemon.net/?p=3225 今天刚发现的，类似

<script type=”text/javascript”>
function dosubmit(){
    var form_obj=document.getElementById(‘abc’);
    form_obj.submit();
}
dosubmit();
</script>

在firefox里并不能得到执行，而在IE里是可以的

解决方法是，用

<script>document.abc.submit()</script>

这样更简洁的脚本替换

相关日志

]]> http://www.crazylemon.net/html/3225.html/feed 1 javascript submit()方法不能传submit名称值的解决 http://www.crazylemon.net/html/3222.html http://www.crazylemon.net/html/3222.html#comments Thu, 24 Jun 2010 14:34:03 +0000 CrazyLemon http://www.crazylemon.net/?p=3222 改变了批量表单的提交方式，用javascript submit()方法实现，可以有效减少form表单数量，但由于使用的是button按钮，其它表单元素不能再次包含name=”submit”，否则会报错不执行

在javascript函数内也不能再次定义这个值，否则也是报错

解决办法是用多个类似<input type=”submit” name=”submit” onclick=”login(abc)” value=”登陆”>的标签，而不是使用button标签来触发

因为在表单里，只有被点击的submit会被提交

而在<button>里调用表单提交函数的话，会造成没被点击的submit也被提交，结果是报错

不知道这样理解对不对

相关日志

]]> http://www.crazylemon.net/html/3222.html/feed 1 通过网页按钮启动本地程序 http://www.crazylemon.net/html/3202.html http://www.crazylemon.net/html/3202.html#comments Tue, 08 Jun 2010 07:04:19 +0000 CrazyLemon http://www.crazylemon.net/?p=3202 <SCRIPT language=JavaScript>
function Run(strPath) {
exe.value=strPath;
try {
var objShell = new ActiveXObject(“wscript.shell”);
objShell.Run(strPath);
objShell = null;
}
catch (e){alert(‘找不到文件”‘+strPath+’”(或它的组件之一)。请确定路径和文件名是否正确，而且所需的库文件均可用。’)

}
}
</SCRIPT>

请输入要运行的程序：<br><input name=exe type=text size=20 value=”regedit”><BUTTON onclick=”Run(exe.value)”>确定</BUTTON><BUTTON onclick=exe.value=”";>重新输入</BUTTON><br>
<BUTTON onclick=”Run(‘notepad’)”>记事本</BUTTON><br>
<BUTTON onclick=”Run(‘mspaint’)”>画图板</BUTTON><br>
<BUTTON onclick=”Run(‘calc’)”>计算器</BUTTON><br>
<BUTTON onclick=”Run(‘cmd’)”>cmd</BUTTON><br>
<BUTTON onclick=”Run(‘Regedit’)”>Regedit</BUTTON><br>
<BUTTON onclick=”Run(‘Msconfig’)”>Msconfig</BUTTON><br>
<BUTTON onclick=”Run(‘file:///D:/Program%20Files/Winamp/WINAMP.EXE’)”>WINAMP</BUTTON><br>
<BUTTON onclick=”Run(‘IEXPLORE.EXE’)”>IE</BUTTON><br>
<BUTTON onclick=”Run(‘..’)”>..</BUTTON><br>
<BUTTON onclick=”Run(‘%windir%’)”>%windir%</BUTTON><br>
<BUTTON onclick=”Run(‘%temp%’)”>%temp%</BUTTON><br>
<BUTTON onclick=”Run(‘file:///D:/Program%20Files/Tencent/qq.EXE’)”>WINAMP</BUTTON>

前提要求有两个：

一、安装 wscript.shell：

在cmd下运行： 
         regsvr32 WSHom.Ocx 安装
         regsvr32 WSHom.Ocx  /u   卸载

二、internet选项：

安全->自定义级别->对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本

开启这一项

相关日志

]]> http://www.crazylemon.net/html/3202.html/feed 0 浏览器脚本之Navigator对象 http://www.crazylemon.net/html/3142.html http://www.crazylemon.net/html/3142.html#comments Tue, 11 May 2010 14:49:10 +0000 CrazyLemon http://www.crazylemon.net/?p=3142 Navigator 对象包含有关浏览器的信息。

注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。

IE: Internet Explorer, F: Firefox, O: Opera.

Navigator 对象集合

集合 描述 IE F O
plugins[] 返回对文档中所有嵌入式对象的引用。

该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息，其中包括它所支持的 MIME 类型的列表。

虽然 plugins[] 数组是由 IE 4 定义的，但是在 IE 4 中它却总是空的，因为 IE 4 不支持插件和 Plugin 对象。

 4 1 9

Navigator 对象属性

属性 描述 IE F O
appCodeName 返回浏览器的代码名。 4 1 9
appMinorVersion 返回浏览器的次级版本。 4 No No
appName 返回浏览器的名称。 4 1 9
appVersion 返回浏览器的平台和版本信息。 4 1 9
browserLanguage 返回当前浏览器的语言。 4 No 9
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 4 1 9
cpuClass 返回浏览器系统的 CPU 等级。 4 No No
onLine 返回指明系统是否处于脱机模式的布尔值。 4 No No
platform 返回运行浏览器的操作系统平台。 4 1 9
systemLanguage 返回 OS 使用的默认语言。 4 No No
userAgent 返回由客户机发送服务器的 user-agent 头部的值。 4 1 9
userLanguage 返回 OS 的自然语言设置。 4 No 9

Navigator 对象方法

方法 描述 IE F O
javaEnabled() 规定浏览器是否启用 Java。 4 1 9
taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。 4 1 9

Navigator 对象描述

Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。

Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。

顺便提一个，在Firefox中，即navigator.appName=Netscape时，是支持另一个东西的，即navigator.language

其它的三个language倒是不支持

相关日志

]]> http://www.crazylemon.net/html/3142.html/feed 1 base href 标签的使用方法 http://www.crazylemon.net/html/3027.html http://www.crazylemon.net/html/3027.html#comments Sun, 04 Apr 2010 16:20:52 +0000 CrazyLemon http://www.crazylemon.net/?p=3027 base href即指定了网页的基链，当点了链接后，跳出的网页地址是 http://yourdomain.com/1.php 或 http://yourdomain.com/1.php，它就是在这些相对路径的文件前加上基链接指向的地址。比如你的链接是这么写的：<a href=”1.php”>。如果目标文件中的链接没有指定target属性，就用base标记中的target属性。
常在框架结构中用，如左右两个框架，把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记，把其target属性值写为右框架名称，这就不用再为左框架里的文件中的每一个连接都指定target属性。
base href标记其他说明：
1、当使用时，BASE 元素必须出现在文档的 HEAD 内，在任何对外部源的引用之前。
2、此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。
3、此元素不会被渲染。
4、此元素不需要关闭标签。
5、base标签其实还是有用处的，比如<base href=”_blank”>将使得本页所有的链接都在新页打开，这样就不必在每个链接处都以上target=”_blank” 。
IE7中注意：
1 、<html>之前不能加入额外的输出字符。否则IE7就对 base 不进行解析。
2、< base >是一个链接基准标记，用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分，即标记< head >与< /head >之间。

相关日志

]]> http://www.crazylemon.net/html/3027.html/feed 0