当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页开头部分的声明DOCTYPE

CSS样式表
CSS教程:闭合CSS浮动元素的几种方法
细说CSS3中的选择符
网页超级链接该以什么方式打开?
背投广告设计:用最少的时间来做最效率的事情
css中用javascript判断浏览器版本
css教程:经常保持CSS的整洁度和有序性
css教程:选择合适的、有意义的元素描述内容
CSS编写中灵活运行注释的意义
css教程:CSS文件应该保持整洁和统一
DIV CSS常用的网页布局代码
完全掌握纯CSS布局网页
serif和sans serif:西方国家的字母体系
基于XTHML标准的DIVCSS布局对SEO的影响
CSS合理的编码与组织技巧
网站变黑白灰色的4种代码详细讲解
css布局实例:网页布局的方法
YUI 中的 Grids CSS值得关注和学习的
CSS代码是否合理?是否优化?
css教程:网页中Span和Div的区别
div css网页适应不同分辨率技巧

CSS样式表 中的 网页开头部分的声明DOCTYPE


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 50 ::
收藏到网摘: n/a

  网页开头部分的声明 我们可能很少关注,下面我就结合网上的资料,把自己的理解写下来,不对的地方,还请多多指正。

  有的网站源代码开头部分是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  有的网站源代码开头部分是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">

  两个网页源代码的开头部分基本一样前者比后者的HTML XHTML网页编码这个页面多了一句 lang="UTF-8"

  1、什么是DOCTYPE

  DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  表示那网页是服从W3C//标准.语言是EN , 格式是DTD XHTML ,Xhtml版本是1.0

  2、什么是DTD

  DTD 文档类型定义(Document Type Definition)
  里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

  (1)过渡型(Transitional )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  (2)严格型(Strict )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  (3)框架型(Frameset )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  关于DTD的选用 随后再发帖子说明。

  3、什么是xmlns

  "xmlns"是XHTML namespace的缩写,叫做"名字空间"声明
  因为xml允许自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生,XML采用名字空间声明,允许你通过一个网址来识别你的标识。

  4、xmlns="http://www.w3.org/1999/xhtml"  后面的网址可不可以换成别的呢?

  XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是http://www.w3.org/1999/xhtml

  5、html lang 属性

  此属性常用于html标签中,代表整个文档(文件)使用了某种语言,也可以使用在某个XHTML标签中.
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
  zh-CN 表示XHTML文档使用中文 en表示 XHTML文档使用英文
  xml:lang属性可以使搜索引擎了解你的页面使用了何种语言,搜索引擎可以按语言把页面归类,或者启动某些自动翻译系统.xml:lang属性也可以使排版工具了解你的页面使用了何种语言,这样相应的排版工具就可以切换标点符号,转换格式等操作.
  webjx的原代码中 lang="utf-8"  这一句用的是否准确呢?我的理解是utf-8是一种编码格式,而lang属性的值应该是表示语言种类的字符串,还请哪位老师解释下。
  这么多的东西,花费了一个多小时。伪原创也很不容易!