摘要: 转自:http://i.wanz.im/2010/05/28/why_doctype_html/不管是刚接触前端,还是你已经“精通”web前端开发的内容,你应该知道在你写html的时候需要定义文档类型;你知道如果没有它,浏览器在渲染页面的时候会使用怪异模式;你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi 阅读全文
posted @ 2011-03-18 10:41 oneroundseven 阅读(5264) 评论(1) 推荐(3) 编辑
摘要: 如今Web标准都被通俗地叫做“div+css”或者“标准布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即 大量的使用div标签 作为结构元素。事实上这是一种更高级的div滥用(JeffreyZeldman在《网站重构》一书中提到)。HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法以外,应该充分利用并遵守各标签的“语 义”。如标题文字应该包含在h1-h6中,大段的文字内容应该由<p>进行分段而不是<br/>,列表项应该放在ul或ol或 dl中,表格形式的数据应该仍然用table布局。为什么要这样做?一个很有说 阅读全文
posted @ 2011-03-15 17:08 oneroundseven 阅读(284) 评论(0) 推荐(0) 编辑
摘要: b strong 差异<strong>是加重语气标签<b>是粗体标签 它们起的均是加粗字体的作用。在大多数情况下,它们表现出来的效果也大致相同,所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体),而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。但是在不同的HTML解释器下,情况也可能有所不同。 同样的一段代码,在Internet Explorer和Netscape中显示有可能不同,因为这两个标签涉及浏览器的兼容性的问题。在Netscape中 阅读全文
posted @ 2011-03-10 10:49 oneroundseven 阅读(752) 评论(0) 推荐(0) 编辑
摘要: 什么是Dom? 通过Javascript, 您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,Javascript 就需要获得HTML文档中所有元素进行访问的入口,这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得(DOM)。 在1998年,W3C发布了一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。 所有的浏览器都执行了这个标准,因此,DOM的兼容性问题也几乎难觅踪影了。 DOM可被Javascript用来读取、改变HTML、XHTML 以及XML文档。DOM被分为不同的部分(核心 阅读全文
posted @ 2011-03-09 11:11 oneroundseven 阅读(1675) 评论(0) 推荐(0) 编辑
摘要: 什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页为什么要使用XHTML?我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。下面的 HTML 代码仍然可以工作得很好,即使它没有遵守 HTML 规则:1 <html>2 <head>3 <title>This is bad HTML</title&g 阅读全文
posted @ 2011-03-09 10:42 oneroundseven 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 今天要说的是将svn版本库安装到u盘上,随身携带,方便不同环境下同步代码或者其他文档。TortoiseSVN这个图标是个小乌龟的SVN客户端软件相比好多使用svn进行版本管理的开发人员都知道了,应该是比较好用的一款svn客户端软件了。这个软件可不只是充当svn客户端那么简单,他还集成了一些svn服务器进行版本库管理的功能,今天就要用到这个小乌龟了,下面的操作前提就是你装了TortoiseSvn软件。首先u盘一只,插入到电脑(废话了,我的盘符是i,下面以此为例)。在u盘上建立一个目录起名svn,在svn文件夹下再创建一个你想要的名字的文件夹,比如创建一个名字为 "我的项目1" 阅读全文
posted @ 2011-03-07 17:29 oneroundseven 阅读(7726) 评论(0) 推荐(0) 编辑
摘要: 当元素浮动时,IE6会错误的把浮动方向的margin值双倍计算。Steve Clason给出了解决方法:给元素添加display:inline;/*IE6下将产生双倍边距*/.floatedEl {float:left; margin-left:100px;} /*修正*/.floatedEl {float:left; margin-left:100px; display:inline;} 阅读全文
posted @ 2011-03-07 14:58 oneroundseven 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 1 <p>这段文字会在所有浏览器显示</p> 2 <!--[if lte IE 6]> 3 <p>这段文字仅显示在 IE6及IE6以下版本。</p> 4 <p>This message will only appear in versions of Internet Explorer less than or equal to version 6.</p> 5 <![endif]--> 6 7 <!--[if gte IE 6]> 8 <p>这段文字仅显示在 IE6及IE6以 阅读全文
posted @ 2011-03-07 14:56 oneroundseven 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 1 <script type="text/javascript"> 2 test1 : for (var i = 0; i < 3; i++) { 3 test2 : for (var j = 0; j < 3; j++) { 4 if (i == 1 && j == 1) { 5 continue test1; 6 } else { 7 alert("i = " + i + ", j = " + j); 8 } 9 }10 }11 /*Output is:12 "i = 0, j = 阅读全文
posted @ 2011-03-07 14:12 oneroundseven 阅读(13507) 评论(0) 推荐(0) 编辑
摘要: 这主要是IE在对innerHTML进行写操作的时候会检查infoDIV是否具备做为这些内容中html对象容器的要求,所以当你发现这些错误出现,尝试做两件事情:1、检查你尝试加到innerHTML的html代码是否包含破损的html标签(某些标签或许缺少关闭标签). 2、把你的容器改成那些比较“包容”的标签,如 <span> </span>, <div> </div>特别注意的是 <tbody>, <table>, <tr>标签里面加正确格式的 <td>标签都有可能出错,所以应该避免使用这些标签作为容 阅读全文
posted @ 2011-03-07 13:58 oneroundseven 阅读(365) 评论(0) 推荐(0) 编辑