`
大海大
  • 浏览: 2760 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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

 

分享到:
评论

相关推荐

    DOJO 学习笔记 dojo

    一、 Dojo学习笔记(1. 模块与包) 1 二、 Dojo学习笔记(2. djConfig解说) 4 三、 Dojo学习笔记(3. Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array ...

    dojo学习笔记

    在百度空间看到的一个哥们的dojo学习笔记,写的非常好,有需要的可以下载。

    dojo精品中文教程(包一)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(包二)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(全)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo笔记dojo笔记dojo笔记

    dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记dojo笔记

    dojo精品中文教程(包三)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo学习笔记(web编程必备)

    dojo学习笔记(web编程必备),很好的dojo学习资料

    dojo 学习笔记 表单 树形列表

    和前一个树形菜单 大多数例子是基于 PHP 的 发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...

    Dojo Toolkit 1.2.0: Dojo + Dijit + DojoX

    Extract files from the download locally or on a web server. Include &lt;SCRIPT TYPE="text/javascript" SRC="dojo/...Browse to dojo/tests/runTests.html or dijit/themes/themeTester.html to see Dojo in action

    dojo学习...........

    dojo学习 dojo学习 dojo学习 dojo学习 dojo学习

    Dojo简单笔记和权威学习去处

    自己学习的有点笔记,和学习Dojo权威的地方

    推荐dojo学习笔记

    推荐dojo学习笔记

    dojo-ckeditor:CKEditor 集成为 DojoFormElement 作为 Dojo Toolkit 的一部分

    该项目为提供了包装器,... define(["dojo-ckeditor/Editor"], function (Editor) { // You will have CKEditor functionality under "Editor" variable})已知问题如果您将声明性地使用编辑器,使用 async:false 和 par

    dojo_reads:使用PythonDjango创建的Dojo读取

    dojo_reads:使用PythonDjango创建的Dojo读取

Global site tag (gtag.js) - Google Analytics