当前位置: 代码迷 >> HTML/CSS >> DOJO学习札记:HTML和XHTML
  详细解决方案

DOJO学习札记:HTML和XHTML

热度:262   发布时间:2012-09-22 21:54:54.0
DOJO学习笔记:HTML和XHTML

HTML

文本标记语言,即HTMLHypertext Markup Language),是用于描述网页文档的一种标记语言。

?

版本历史

超文本置标语言(第一版)――19936月作为互联网工程工作小组(IETF)工作草案发布(并非标准)

HTML 2.0――199511月作为RFC 1866发布

HTML 3.2――1996114日,W3C推荐标准

HTML 4.0――19971218日,W3C推荐标准

HTML 4.01――19991224日,W3C推荐标准

HTML 5目前仍为草案,并已被W3C接纳。

?

<!DOCTYPE> 标签

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

该标签可声明三种 DTD 类型,分别表示严格版本(Strict)、过渡版本(Transitional)以及基于框架(Frameset)的 HTML 文档。

?

严格版本(Strict

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

?

过渡版本(Transitional

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

?

基于框架(Frameset

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">

XHTML

可扩展超文本置标语言(eXtensible HyperText Markup LanguageXHTML),是一种置标语言,表现方式与超文本置标语言(HTML)类似,不过语法上更加严格。XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

?

版本历史

XHTML 1.0――发布于2000126日,是W3C推荐标准,后来经过修订于200281日重新发布。

XHTML 1.1,于2001531日发布,W3C推荐标准。

XHTML 2.0W3C工作草案。

XHTML 5,从XHTML 1.x的更新版,基于HTML 5草案。

?

<!DOCTYPE> 标签

该标签可声明三种 DTD 类型,分别表示严格版本(Strict)、过渡版本(Transitional)以及基于框架(Frameset)的 HTML 文档。

?

严格版本(Strict

如果您需要干净的标记,免于表现层的混乱,请使用此类型。不能使用任何表现层的标识和属性。请与层叠样式表(CSS)配合使用:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

?

过渡版本(Transitional

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型:

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

?

基于框架(Frameset

当您希望使用框架时,请使用此 DTD

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

?

DHTML

DHTMLDynamic HTML的简称,就是动态的html,是相对传统的静态的html而言的一种制作网页的概念。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。DHTML 不是 W3C 标准。

文档对象模型Document Object ModelDOM

DOM以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,这是表示和处理一个HTMLXML文档的常用方法。

?

HTMLXHTML差异

  • 从继承关系上讲,HTML是一种基于标准通用置标语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展置标语言(XML),XMLSGML的一个子集。
  • ?XHTML语言必须符合XML的格式

??? 属性名称必须为小写

??? 属性值使用双引号

??? 属性简写是不允许的

??? 使用id属性来替代name属性(为了版本比较低的浏览器,你应该同时使用nameid属性,并使它们两个的值相同的)

  • 所有的标记都必须要有一个相应的结束标记
  • 所有标签的元素和属性的名字都必须使用小写
  • 所有的XML标记都必须合理嵌套
  • 所有的属性必须用引号""括起来
  • 把所有<&特殊符号用编码表示

??? 任何小于号(<),不是标签的一部分,都必须被编码为& l t ;

  任何大于号(>),不是标签的一部分,都必须被编码为& g t ;

  任何与号(&),不是实体的一部分的,都必须被编码为& a m p;

  • 给所有属性赋一个值
  • 不要在注释内容中使“--”
  • 图片必须有说明文字

?

?

<meta>标签

metahtml语言head区的一个辅助性标签。几乎所有的网页都会用到它。

开发网页中常用到http-equiv属性:

  http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为contentcontent中的内容其实就是各个参数的变量值。

  meta标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:

  AExpires(期限)

  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

  用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

  注意:必须使用GMT的时间格式。

  BPragma(cache模式)

  说明:禁止浏览器从本地计算机的缓存中访问页面内容。

  用法:<meta http-equiv="Pragma" content="no-cache">

  注意:这样设定,访问者将无法脱机浏览。

  CRefresh(刷新)

  说明:自动刷新并指向新页面。

  用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号,分别在秒数的后面和网址的前面)

  注意:其中的2是指停留2秒钟后自动刷新到URL网址。

  DSet-Cookie(cookie设定)

  说明:如果网页过期,那么存盘的cookie将被删除。

  用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

  注意:必须使用GMT的时间格式。

  EWindow-target(显示窗口的设定)

  说明:强制页面在当前窗口以独立页面显示。

  用法:<meta http-equiv="Window-target" content="_top">

  注意:用来防止别人在框架里调用自己的页面。

  Fcontent-Type(显示字符集的设定)

  说明:设定页面使用的字符集。

  用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

  Gcontent-Language(显示语言的设定)

  用法:<meta http-equiv="Content-Language" content="zh-cn" />

?

?

参考网址:

http://baike.baidu.com/view/692.htm

http://baike.baidu.com/view/15906.htm

http://baike.baidu.com/view/8389.htm

http://www.w3school.com.cn/h.asp

?

  相关解决方案