WEB设计里什么是树？简单讲，点击一个链接，会展开下级目录，再点击会合上，这个就是最简单的树，如何去实现呢，也很简单，css里有一个属性display，这个可以控制内容的现实还是不显示，那么再通过js来控制css的属性即可实现，看如下代码： 顶级目录 菜单1 菜单2 菜单3 这个就算是树的原型了，当然初始状态给他加上css的display属性，display最常用的是none和block属性 none即不显示，而block则象块类型元素一样显示，再看代码 顶...
不但让网站降低了开发和维护的成本，而且代码也更语义化了。但是，并不是说table从此消失了，它仍然被很多人用来作为网页中数据表现的必需品，比如个人信息数据列表等。事实上，使用HTML的dl、dt、dd标签会让你节省更多的代码，更能让代码符合内容的语义化。当然，table也有它的用武之地，那就是很大数据量的数据表，但是小型的数据列表和表单完全可以不使用table哦！如果你仍然在使用传统table来创建数据列表，那么请继续往下看，...
这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显示滚动框)， 但这个方法也并不适用于所有主流浏览器，一些浏览器会直接截断超出的内容 。 我们都知道 标签可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会自动换行。 这时候，你可以使用overflow:auto; (当...
这份css reset是在Eric Meyers的 CSS reset基础上修改出来的，特别针对HTML5调整了相应标签的初始化样式。 /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd...
select下拉列表表单可能大家都很熟悉，不过默认的下拉列表表单往往会让一些网站觉得丑陋，同时用CSS也很难调整select的样式。因此许多网站位了做出更符合网站风格的select下拉表单，往往会用JS来模拟这种效果。 比如我们很熟悉的土豆网，淘宝商城和亚马逊都是用JS做的下拉列表表单。 这样做的结果很明显在视觉上与网站整体风格统一，并且下拉列表样式很漂亮，不过也带来了一些不良反应，因为用JS来做的，所以会碰到许多预想不到的效...
以下所有代码全是在...之间，具体内容有：1，…标题元素，帮助用户更好识别文件，有且只有一个。当作为首页或收藏时做文件名。2，…显示本文档和其它文档之间的关系： 和外部样式表的连接。rel说明html文件和url两文档之间的关系，href说明文档名。3,…可以在文档中包含风格页。文档本身的内部样式。4,…为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的url格式：通信协议：//主机名/路径...
在HTML中，常见的URL有多种表示方式： 相对URL： 代码如下: example.php demo/example.php ./example.php ../../example.php /example.php 绝对URL： 代码如下: http://jb51.net/example.php http://jb51.net:80/example.php https://jb51.net/example.php 同时HTML中有大量的元素属性值为URL，一般利用JavaScript获取这些URL属性值有两种方法： 代码如下: 此时页面绝对URL是http://jb51.net/ var oA = document.getElementById('...
1. 一定要闭合HTML标签 在以往的页面源代码里，经常看到这样的语句：Some text here. Some new text here. You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将无法通过验证，并且容易出现一些难以预见的问题。 最好使用这样的形式：Some text here. Some new text here. You get the idea. 2. 声明正确的文档类型( Doc...
以下其属性： direction 设定活动字幕的滚动方向 代码如下:设定活动字幕的滚动方向direction="down"：向下 设定活动字幕的滚动方向direction="left"：向左 设定活动字幕的滚动方向direction="right"：向右 设定活动字幕的滚动方向direction="up"：向上 behavior 设定滚动的方式： alternate： 表示在两端之间来回滚动。 scroll： 表示由一端滚动到另一端，会重复。 slide： 表示由一端滚动到另一端，不会重复。 代码如下:alternate...
文档范围 本文包括的模式转换（mode switching）适用于Firefox和其他基于Gecko的浏览器，Safari、Chrome和其他基于Webkit的浏览器，Opera、 Konqueror、Mac版Internet Explorer、Windows版Internet Explorer和内嵌IE的浏览器。避免提及浏览器引擎的名字，取而代之的是使用该引擎最知名浏览器的名字。 本文着重介绍模式的选择机制，而不是记录每个模式的确切行为。模式 以下是各种不同的模式： 内容类型为text/html的模式 text/html...
meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个： name 属性 1、用以说明生成工具（如Microsoft FrontPage 4.0）等； 2、向...
看代码：代码如下:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> p{font-size:12px;} p:first-letter{font-size:300%} 对于世界而言，你是一个人；但是对于某个人，你是他的整个世界。纵然伤心，也不要愁眉不展，因为你不知是谁会爱上你的笑容。 这段代码对的首字符样式定义在IE6上看是没有效果的,而在p:first-letter和{font-size:300%}加上空...
使用 iframe 可以轻易的调用其他网站的页面，但应谨慎使用。它比创建其他 DOM 元素（包括 style 和 script）多耗费数十甚至数百倍的性能。增加100个不同元素的时间对比显示 iframe 是多么耗费性能：使用 iframe 的页面通常没有这么多 iframe，所以创建 DOM 的时间不用多虑。更值得关心的是 onload 事件和连接池。 iframe 阻塞 onload window 的 onload 事件尽快执行非常重要。这会让浏览器的载入进度指示器完成，用户依据此判断页面...
今天對 有點疑惑， 加上#表示一個錨，後面跟上13，就會跳到本頁面的13的位置，而這個13就是 Name屬性值。怎麼不 是ID值呢？？？所以查了下ID 和Name的區別，特記錄 最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多...
第一个： 或 这两个标识是一回事，主要是用于一些英语的缩写，当你把鼠标移上去的时候，你会发现会出现一个小提示来提示缩写的全称。下面是一个示例： HTML IEEE RTFSC 第二个：这个标识主要就是把引用的文字加上双引号，这个标识看来好像很没有什么意思。官方说是为了方便，可我总觉得这个标识还不如直接输入双引号来的方便。好像的确没什么。难道这个标识只能在Firefox下看到，IE就不支持了。下面是个示例：这个是一句引言这...