html教程:WEB标准从头开始_DOCTYPE声明 (1)

2016-02-19 17:00 3 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的html教程:WEB标准从头开始_DOCTYPE声明 (1)教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

在较早之前的网页上,我们经常可以看到如下的网页结构代码:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

html
head
title这是一个网页/title
meta name=”…” content=”…” /
……
/head
body
……
/body
/html

很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div构架的页面一样,浏览器都可以呈现出来,关健是哪个页面呈现的质量会更高。

做出一个页面,跟做好一个页面,中间有着很遥远的距离。

在浏览器的发展历程中,微软凭借着将Internet Explorer捆绑进Windows操作系统中,从来成为浏览器市场上的霸主,从而也造成了一系列的IE对W3C组织所制定的Web标准于不顾的事情,微软的IE一直都只遵循自家的Web标准。很庆幸的是,微软决定在他的IE8中支持Web标准,虽然这事还没最终确定。除微软的IE外,Mozilla Firefox、Apple Safari、Opera、Chrome等浏览器则以支持Web标准的名义与IE做得长久的对抗。

浏览器的不同,于是就造成了对HTML代码默认解析的不同,所以即使同样的代码在不同的浏览器下也可能呈现出不同的样式来,于是这就需要有一份众浏览器都遵循的规则来协调众浏览器之间的差异,这份规则需要一个声明来引用它,这个声明就是DOCTYPE——document type(文档类型)。

DOCTYPE声明是标准网页中必不可少的部分,所以,想要制作一个符合W3C标准的网页,首先就需要为这个页面声明一个文档类型。DOCTYPE所声明的DTD(文档类型定义)分为三种,分别是:

Transitional(过渡的):要求不是很严格的DTD,允许你继续在页面中使用HTML4.01的标签;
Strict(严格的):这是制作页面时理想的DTD方式,但是这个文档类型定义不允许使用任何的表现层上的标签和属性;
Frameset(框架的):这个专门针对页面设计中包含有框架的DTD。

由于框架型的设计可能对网页在搜索引擎中收录的影响,很多网页中都不使用框架设计;而Strict的DTD对于大多数人来说还只是一种理想化的方式;Transitional型的DTD则是目前最适用也是使用最广泛的文档类型定义。现在随便打开一个符合Web标准的网页,都可以在页面的最开始处看到这样一句声明:

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

这是一个关于XHTML网页文档的DOCTYPE声明。当然并不是说DOCTYPE声明只能针对XHTML网页文档,对于使用HTML4.01的网页文档来说,同样可以使用DOCTYPE声明:

过渡的DTD:
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”
严格的DTD:
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”

唯一需要注意的是,DOCTYPE声明的位置必须是位于页面的最开始处,在DOCTYPE声明代码之前不能出现任何的代码或是标签,否则页面中的标签或是CSS样式可能会失效。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1613825.html

延伸阅读
标签: 耳机 耳麦 数码
1、森海塞尔MOMENTUM 作为声学界的泰斗,森海塞尔一直以HD系列牢牢占据发烧耳机、专业耳机的龙头地位。如今,他们也顺应潮流,推出了旗下首款不以HD命名的高端耳机——森海塞尔MOMENTUM。Momentum 的所使用的材质依旧秉承高质量工艺的要求,钢质头梁、亲肤皮革、铭牌、精细的走线,这些高品质简约的风格组成了Momentum。Mome...
  大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。好了,让我们开始吧 第一天 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原...
标签: 护发 头发护理
从头开始改变吧!细数有用的护发妙招 护发小妙招 第一招:妙用弹力素 一款弧度好看的卷发成为大家的最爱,而一款好看的卷发发型,成为了很多都市女性们的最佳选择。对于刚刚烫发结束的女性,那么我们不妨借助这弹力素来帮忙吧!弹力素乳液能让你的卷发起死回生!首先少量的水把头发打湿,然后取适量弹力素乳液,自下而...
标签: Web开发
在HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管...
标签: Web开发
我是从去年初开始学习web标准的,两年下来也有些心得。最近跳槽了正好闲在家里,写一些出来和大家交流一下。 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论“^_^)。但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性。web标准...

经验教程

140

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部