2009.0727
在HTML中获取正确的URL属性值

在HTML中,常见的URL有多种表示方式:

相对URL:
    example.php
    demo/example.php
    ./example.php
    ../../example.php
    /example.php
绝对URL:

http://dancewithnet.com/example.php

http://dancewithnet.com:80/example.php

https://dancewithnet.com/example.php

同时HTML中有大量的元素属性值为URL,一般利用JavaScript获取这些URL属性值有两种方法:

阅读全文 »

标签:, ,
在23:57发表于Javascript & DOM & AJAX,有评论13
2009.0614
用doctype激活浏览器模式

为了处理根据Web标准创作的网页和根据在20世纪90年代末流行的陈旧实践创作的网页,现代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。

原文:Henri SivonenActivating Browser Modes with Doctype2009.05.19

文档范围

本文包括的模式转换(mode switching)适用于Firefox和其他基于Gecko的浏览器,Safari、Chrome和其他基于Webkit的浏览器,Opera、 Konqueror、Mac版Internet Explorer、Windows版Internet Explorer和内嵌IE的浏览器。避免提及浏览器引擎的名字,取而代之的是使用该引擎最知名浏览器的名字。

本文着重介绍模式的选择机制,而不是记录每个模式的确切行为。

阅读全文 »

标签:, , ,
在15:19发表于HTML & CSS,有评论42
2008.0512
语义、标准和样式

大概在2004年初的时候,我第一次买了一本很厚的书,名字或许叫《Dreamweaver MX从入门到精通》,很认真看着书并实践操作大约三分之二后,就感觉自己不错了,利用Dreamweaver加上表格套表格可以把视觉精确的转化成静态页面,在那年底我完成了随网之舞的第一版。也就是在那个时候“WEB标准”这个新名词闯入了我的视线,《网站重构》这本书和w3cn.org吸引了我。2005年初,当我在广东茂名实习的时候,我第一次利用当时理解的标准,准确来说就是利用XHTML1.0加上利用CSS布局做了两个能同时兼容IE5.0+和Firefox的站点。毕业后,看到到处言必称标准,开发时强调XHTML1.0的语法规范(标准貌似被很多人认为就是XHTML1.0+CSS),检查时强调W3C的验证器(比如为了通过验证利用Javascript实现弹窗),招聘是强调会DIV+CSS(这是标准的另一个称呼,甚至到现在偶尔还有人给我一个链接对我说:”看我按标准做的网页,全部是DIV,一个TABLE都没有。”),那个时候似乎陷入了对基础语法(通过验证)和对CSS技能(hack技术)的追求上去了。后来,当我了解HTML的历史时,我才注意到HTML众多版本的标准,意识到HTML本质是用语义结构化文档和构建WWW的超链接。 阅读全文 »

标签:, , , , , , ,
在0:48发表于HTML & CSS,有评论14
2007.1028
HTML和XHTML的不同
  1. MIME[1]类型(MIME Types)
  2. 解析(Parsing)
  3. 语法(Syntax)
  4. 标记(Markup)
  5. 字符编码(Character Encoding)
  6. 脚本(Scripts)
  7. 样式表(Stylesheets)

请注意以下信息是基于(X)HTML5的当前规范,某些技术上问题并不适用于HTML的早先版本。

虽然HTML和XHTML看起来在语法上类似,但在很多方面显著的不同。 阅读全文 »

标签:, , ,
在2:12发表于HTML & CSS,有评论6
2007.0621
XHTML1.1标签列表、属性和嵌套规则

当抛弃了Table布局迎来WEB标准的时候,很多人又陷入了所谓DIV+CSS的设计,让了DIV、DL……到处滥用,陷入了疯狂的学习CSS的技巧和hack,让Class癖到处横流,全然忘记了HTML最核心最本质的语义上的良构,而语义上良构的HTML既让文档更有意义,也让CSS更好控制和更加简洁。好好看看这篇资料和《(X)HTML Strict 下的嵌套规则》以及《XHTML1.0参考》吧,好好的考虑,一个页面上内容该用什么样的标签最合适,标签如何嵌套更语义。 阅读全文 »

标签:, ,
在0:43发表于HTML & CSS,有评论12
2007.0517
用INS和DEL标记文档改变

ins和del是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下,可以让文档恢复到某一特定时间下的状态)。 阅读全文 »

标签:, ,
在19:30发表于HTML & CSS,有评论2
2007.0125
(X)HTML Strict 下的嵌套规则

为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而不应是 <HTML>) 阅读全文 »

标签:,
在6:28发表于HTML & CSS,有评论1
2006.0606
IE中的条件注释

一、条件注释简介

  1. IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
  2. 条件注释只能用于IE5以上。
  3. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
  4. 条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
  5. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

阅读全文 »

标签:, ,
在3:49发表于HTML & CSS,有评论6
2006.0109
XHTML1.0参考

XHTML1.0 标签参考,按功能排列

  • NN: 表明哪个早期Netscape版本支持这个标签
  • IE: 表明哪个早期Internet Explorer版本支持这个标签
  • DTD: 表明符合XHTML 1.0 DTD 何级别的定义 . S=Strict(严格), T=Transitional(过渡), and F=Frameset(框架)

阅读全文 »

标签:,
在1:15发表于HTML & CSS,有评论0
2004.1213
HTML文档中小meta的大作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head />与</head />中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。 阅读全文 »

标签:,
在17:39发表于HTML & CSS,有评论7

回到页眉