网页菜鸟web网页学习入门

作者: 来源: 更新时间:2013-01-25 13:39:53 点击:

今天要写一篇技术贴,当然就个人技术而言,只算是菜鸟级别的,我是从事web前端开发的,所以对于工作中遇到的,会让新手感到莫名其妙的东西,都有过体会,这里写的东西也只是争对新手,老鸟的话就绕道吧,看了只是浪费您宝贵的时间。

首先要提到的就是关于html页面中一个至关重要的<!DOCTYPE> 标签

先介绍下它的标准解释,<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。你随便打开一个网页,当然主流一点的,百度搜索啊,页游联盟啊,会发现每个页面的最头部都会有<!DOCTYPE html> 这么一行,既然它在html页面中不显示,那是不是可以不要呢?有些没写过web的程序员就会说了,它只是用来声明文档类型的,既然是说明型标识不要也可以吧,但事实上,这个标签非常的重要,不然在页面出问题的时候,纵使你使出浑身解数都难以保证IE和谷歌,ff浏览器都能兼容,这本身就是我们web从业人员应该注意的东西,所以在写html的时候这个标签是必须加的。

标签要怎么写,当然也是有一定讲究的,我们先看下百度的吧。www.baidu.com 点击查看源码,第一行 只要短短的<!DOCTYPE html>  ,我们再来看下这个标签的权威写法:

HTML Strict DTD

HTML Transitional DTD

HTML  Frameset DTD

XHTML

XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。

如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档,您可以把您的 XHTML 页面链接到一个 XHTML 验证器。

每一个标签的写法都是很长的一串,但是百度做页面这么专业,不应该会犯这种错误啊。在看下页游联盟的 www.jscode.cn 第一页查看源码 第一行 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 标准的XHTML1.0第二种写法,这里证明它非常专业吗?到也不一定,经过查证,我们才知道,原来  像百度那样 只写短短的<!DOCTYPE html> 达到的效果 和上面那一串长长的注明是一样的效果,浏览器都认识,书写上简单好记了很多,因为大家在写html的时候 DR 默认会给你加上全面一段声明,所以很多人都没有注意这个问题。

当然了,大家会问,要是不加,那会出什么问题呢,在谷歌浏览器面前,也许你的很多错误写法,它都能给你纠正了,正常显示了,但是IE 可不是那么好对付的,我自己的一次操作时,没有加页面声明,然后谷歌浏览器上显示正常,IE上显示整个DIV居左,不是什么align=center就能解决的问题,抓耳捞腮,百度查了N久才算是找出问题来,就这么一行声明,瞬间让IE听话了,呵呵!所以按照标准来写,可以让你省去很多麻烦,节约开发时间。