网站制作     css教程     
导航: 好喜爱学习网 >> 网站制作 >> css教程 >> CSS初学:DOCTYPE文档类型及浏览器的模式介绍

CSS初学:DOCTYPE文档类型及浏览器的模式介绍


好喜爱学习网 HaoXiAi.Net 分类:网站制作 css教程 来源:网络收集 录入:管理员
  • CSS制作标签卡Tab效果
  • 亚马逊网站应该不会陌生吧?对它页面上方标签卡(Tab)方式的导航条(
  • 五分钟快速制作CSS导航菜单
  • 随着网页标准化观念深入人心,越来越多的网站采用了CSS架构。CSS架构的
  • 让CSS使网页图片半透明
  • 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特
  • CSS边框的设定方法
  • 在HTML中对于边框的设定,在文字方面好象没有较详细的设定..至于图形方
  •   DOCTYPE文档类型常常让新手们困惑,这到底是什么东西。其实这只是一组机器可读的规划,虽然中间包含了文件的URL,但浏览器不会去读取这些文件,只是用于识别。然后决定以什么样的规划去执行页面中的代码。

      DTD是指文档类型定义,它们定义XML、XHTML、HTML的特定的某一个版本中,可以有什么,不可以有什么,在载入网页的时候,浏览器会用既定的声明规划去检查页面的内容,是不是有效,是不是违规,然后采取相应的措施与编码解释文档中的代码。

      我们不去深入的了解它是什么工作的,因为它已经超出了本站的范畴。我们必须知道它是非常必要的!缺少了它,我们的页面就可能出现一些异常的情况。往往一个新手编写了代码,按教程进行操作,没有哪里出现一个字母的偏差,却发现显示出来的样子完全不对了。这里应该检查DOCTYPE文档类型是不是正确。大多能解决问题!

      我们开发符合Web标准的网站,必须要为我们的XHTML指定一种DOCTYPE,否则CSS可能会应用出错。我们了解一下我们常用的几种类型:

      XHTML 1.0 提供了三种DTD声明可供选择:

      过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
      在一般情况下我们选择“过渡的(Transitional)”,这种DTD比较宽松,也比较容易通过W3C的代码校验,比较适合目前国内的环境与大多数开发人员的水平。当然我们的目标是向着“严格的(Strict)”方向努力。

      除此而外,我们发现在某些文档中,还有另一句代码:

    <html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
      这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml"。如果你还不太理解也不要紧,目前阶段我们只要照抄代码就可以了。
    DOCTYPE(文档类型)DOCTYPE是documenttype(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。他们是什么和他们为什么是重要的?所有的HTML和XHTML文档必须有一个有效的doctype声明。Doctype规定了文档使用的HTML或XHTML的版本。当校验的时候doctype被校验器使用,WEB浏览器通过它来决定那种渲染模式被使用。Doctype影响设备渲染web页面的方式。如果文档使用了正确的doctype,一些浏览器将切换到标准模式,那意味着浏览器会......
    通过XHTML校验的几个注意事项1.标签“p”不能在“span”中使用。它只能在applet,blockquote,body,button,center,dd,del,div,fieldset,form,iframe,ins,li,map,noframes,noscript,object,td,th中使用......

    [网友推荐]
  • 学习网页Web标准:DOCTYPE(文档
    DOCTYPE(文档类型)DOCTYPE是documenttype(文档类型)的简写,用来说明你用的
  • 制作网站前看看这些好的网页技术规范
    命名规范文件命名的原则:以最少的字母达到最容易理解的意义。一般文件及目录命名规范:每一个目录中应该包
  • 网页Web标准建站经常使用的CSS命名
    用了一段CSS布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别
  • 学习:使用CSS修改IE浏览器滚动条的参
    有朋友常提关于IE滚动条的问题,特总结该贴。简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需i
  • 学习CSS:我们一起认识CSS闭合浮动元
    按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(
  • 总结技巧:CSS Hack汇总快查
    屏蔽IE浏览器(也就是IE下不显示) *:lang(zh)select{font:12px!imp
  • 实现CSS制作网页时绝对居中问题的总结
    什么叫绝对居中?就是说容器到屏幕左右上下四个方向都有间距,并且随屏幕大小缩放相对不变或者等比例调整,
  • 根据项目需求定义 常用CSS2基本定义例
    大部分定义根据项目需求定制,并不适合每个网站,提出一种思路,抛砖引玉。 主要兼容MOZ&
  • 网页制作学习总结:CSS常用小技巧
    ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 同一个的c
  • 我们是否该使用DIV+CSS布局我们的网
    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能
  • 根据浏览器和分辨率不同自动调用CSS样式
    在网上一找还真找到了不少,但都是克隆的别无二样,于是把网页上的代码放到网页上,但没有效果具是气死人,
  • 经验共享:网页技术CSS样式表网页布局经
    1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 2.同一个
  • DIV+CSS布局网页必须考虑的浏览器兼
    1,盒解释器的不同解释. #box{width:600px;//forie6.0-w\idth:5
  • 学习网页技术CSS样式表整理的20个技巧
    1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;fo
  • [相关文章]
    [网站热点]
    好喜爱学习网 HaoXiAi.Net 联系方式 网站制作 css教程
    本站为非营利性质个人网站,建站只为个人爱好与学习,本页内容为CSS初学:DOCTYPE文档类型及浏览器的模式介绍;
    网站内容来源于互联网收集整理,禁止用于非法途径,如发现本网站上有侵权的文章请联系我们,我们会尽快删除;
    本站不对站点内容准确性、完整性和真实性作任何承诺,由此产生的后果本站不承担任何责任,对以上引起的一切法律纠纷本站无权利承担。