毛蛋(maoegg)网

——只为技术而存在

正在浏览标签为 HTML 的文章

HTML 简史

2010年05月15日 xhot 抢沙发

HTML 是 Web 统一语言，这些容纳在尖括号里的简单标签，构成了如今的 Web。1991 年，Tim Berners-Lee 编写了一份叫做 “HTML 标签”的文档，里面包含了大约20个用来标记网页的 HTML 标签。他直接借用 SGML 的标记格式，也就是后来我们看到的 HTML 标记的格式。本文讲述了 HTML 这门 Web 标记语言的发展简史。

从 IETF 到 W3C: HTML 4 之路
HTML 1 并不曾存在，HTML 的第一个官方版本就是由 IETF （互联网工程任务组） 推出的 HTML 2.0。问世之前，这个版本中的很多细则已经被实现，比如，1994年的 Mosaic 浏览器已经实现了在文档中嵌入图片的方法，后来 HTML 2.0 便吸纳了 img 这个标签。

后来，W3C 取代 IETF 的角色，成为 HTML 的标准组织，1990年代的后半页，HTML 的版本被频繁修改，直到1999年的 HTML 4.01，至此，HTML 到达了它的第一个拐点。

XHTML 1: XML 风格的 HTML
HTML 在 HTML 4.01 之后的第一个修订版本就是 XHTML 1.0，其中 X 代表 “eXtensible” ，扩展，当然也有人将之解读为 “eXtreme”，极端。XHTML 1.0 是基于 HTML 4.01 的，并没有引入任何新标签或属性，唯一的区别是语法，HTML 对语法比较随便，而 XHTML 则要求 XML 般的严格语法。
继续阅读

技术SHOW , ,
阅读更多

css滑动门技术的介绍及实例分享

2010年04月10日 xhot 抢沙发

“如果你是一个css高手的话,那你就来详细介绍一下css滑动门技术”.看了这句话不得不学习一下这个所谓的css滑动门技术.我也想当高手啊.当时在百度知道里回答问题的时候发现有很多有问相关css滑动门技术的文章。当时真是不知道css里还有个滑动门技术.所谓的滑动门，可以这样理解，菜单的 背景图(圆角，直角，其它等)会根据文字的多少而自动变长(变短)，这好象一个可滑动的门一样.
css滑动门技术的背景:

　　可以这样说css滑动门技术是被刺激出来的,因为很多人认为css并不能做出漂亮的网页,但是事实上恰恰相反,css不仅能做出相当漂亮的网页,还可以很好得把内容和表现分开,给设计师和开发人员更大的空间去发挥;

css滑动门技术的定义
继续阅读

技术SHOW , ,
阅读更多

关于浮动层的CSS定位原则

2010年04月10日 xhot 抢沙发

设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。
要激活对象的绝对(absolute)定位，必须指定 left ， right ， top ， bottom 属性中的至少一个，并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值 auto ，这将导致对象遵从正常的HTML布局规则，在前一个对象之后立即被呈递。
TRBL属性（TOP、RIGHT、BOTTOM、LEFT）只有当设定了position属性才有效。

当设定position:absolute
如果父级（无限）没有设定position属性，那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位
如果父级（无限）设定position属性，那么当前的absolute则结合TRBL属性以父级（最近）的左上角为原始点进行定位。
当设定position: relative
则参照父级（最近）的内容区的左上角为原始点结合TRBL属性进行定位（或者说相对于被定位元素在父级内容区中的上一个元素进行偏移），无父级则以BODY 的左上角为原始点。相对定位是不能层叠的。在使用相对定位时，无论元素是否进行移动，元素依然占据原来的空间。因此，移动元素会导致它覆盖其他框。
一般来讲，网页居中的话用Absolute就容易出错，因为网页一直是随着分辨率的大小自动适应的，而Absolute则会以浏览器的左上角为原始点，不会应为分辨率的变化而变化位置。有时还需要依靠z-index来设定容器的上下关系，数值越大越在最上面，数值范围是自然数。当然有一点要注意，父子关系是无法用z-index来设定上下关系的，一定是子级在上父级在下。
继续阅读

技术SHOW ,
阅读更多

HTML中小meta的大作用

2010年03月25日 xhot 抢沙发

　　meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：
继续阅读

技术SHOW ,
阅读更多

javascript在html中的菜单和弹出层效果

2010年03月12日 xhot 抢沙发

有些效果没法在本页显示，所以在此页面只描述效果，点击链接地址，即可看到效果

1.带描述的菜单效果
效果：一列链接菜单，当鼠标放到菜单上时，下面的方框会显示出此菜单的描述
查看效果

2.半透明弹出层
效果：在本页面中出现一些内容和一个链接，点击链接会弹出一个半透明的层
查看效果

3.带锁屏的弹出层效果
效果：在本页面中出现一些内容和一个按钮，点击按钮会弹出一个新层，原来的页面被锁定
查看效果

技术SHOW , ,
阅读更多

javascript常见用法小汇

2010年03月11日 xhot 抢沙发

1.document.write( ” “); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document- >html- >(head,body)
4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById( “表单中元素的ID號 “).name(或value)
6.一个小写转大写的JS: document.getElementById( “output “).value = document.getElementById( “input”).value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:( ” ” 变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用號.
12.JS中的比较操作符有:==等于,!=不等于, >, >=, < . <=
13.JS中声明变量使用:var来进行声明
14.JS中的判定语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
继续阅读

技术SHOW ,
阅读更多
RSS

添加订阅

Google 有道 鲜果 抓虾

最近文章

标签

博主简介

网名：xhot
性别：男
爱好：漫画、编程、网络、看书
QQ：383417028
E-mail:383417028#qq.com

最近评论

 

2012年五月
一 二 三 四 五 六 日
« 四    
 123456
78910111213
14151617181920
21222324252627
28293031  

分类目录

链接表

Powered by WordPress Web Design by SRS Solutions © 2012 毛蛋(maoegg)网 Design by SRS Solutions