XHTML学习笔记02

1、XHTML DTD

XHTML定义了三种文件类型声明:STRICT(严格类型)、TRANSITIONAL(过渡类型)、FRAMESET(框架类型),使用最普遍的是XHTML Transitional。

在XHTML文档中,文档类型声明总是位于首行,声明如下:

XHTML 1.0 Strict:一般与CSS配合使用。

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

XHTML 1.0 Transitional:需要为那些不支持CSS的浏览器编写XHTML时。

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

XHTML 1.0 Frameset:需要使用HTML框架将浏览器窗口分割为多个部分。

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

2、验证XHTML

使用W3C验证器测试XHTML,网址为http://www.w3school.com.cn/xhtml/index.asp

3、XHTML模块

XHTML分为28种模块模型,通过使用这些模块可以迅速地进行网页设计。

模块名称描述
Applet Module (Applet模块) 定义已被废弃的applet元素。
Base Module (基础模块) 定义基本元素。
Basic Forms Module (基础表单模块) 定义基本的表单元素 (forms)。
Basic Tables Module (基础表格模块) 定义基本的表格元素 (table)。
Bi-directional Text Module (双向文本模块) 定义bdo元素。
Client Image Map Module(客户端图像映射模块) 定义浏览器端图像映射元素(image map elements)。
Edit Module (编辑模块) 定义编辑元素删除和插入。
Forms Module (表单模块) 定义所有在表单中使用的元素。
Frames Module (框架模块) 定义frameset元素。
Hypertext Module (超文本模块) 定义a元素。
Iframe Module (内联框架模块) 定义iframe元素。
Image Module (图像模块) 定义图像元素 (img)。
Intrinsic Events Module () 定义事件属性 (event),比如onblur和onchange。
Legacy Module (遗留模块) 定义被废弃的元素和属性。
Link Module (链接模块) 定义链接 (link)元素。
List Module (列表模块) 定义列表元素ol, li, ul, dd, dt,和dl。
Metainformation Module (元信息模块) 定义meta元素。
Name Identification Module (名称识别模块) 定义已被废弃的name属性。
Object Module (对象模块) 定义对象元素 (object)和param元素。
Presentation Module (表现模块) 定义表现元素比如b和i。
Scripting Module (脚本模块) 定义脚本 (script)和无脚本 (noscript)元素。
Server Image Map Module(服务器端图像映射模块) 定义服务器端图像映射(server side image map)元素
Structure Module (结构模块) 定义以下元素:html, head, title and body。
Style Attribute Module (样式属性模块) 定义样式属性。
Style Sheet Module (样式表模块) 定义样式元素。
Tables Module (表格模块) 定义用于表格中的元素。
Target Module (Target模块) 定义target属性。
Text Module (文本模块) 定义文本容器元素 (text container),比如p和h1。

4、XHTML标准属性

XHTML属性可以分为核心属性、语言属性和键盘属性:

核心属性:

属性描述
class class_rule 或 style_rule 元素的类(class)
id id_name 元素的某个特定id
style 样式定义 内联样式定义
title 提示文本 显示于提示工具中的文本

语言属性:

属性描述
dir ltr | rtl 设置文本的方向
lang 语言代码 设置语言代码

键盘属性:

属性描述
accesskey 字符 设置访问某元素的键盘快捷键
tabindex 设置某元素的Tab次序

5、XHTML事件属性:

窗口事件:进在body和frameset元素中有效

属性描述
accesskey 字符 设置访问某元素的键盘快捷键
tabindex 设置某元素的Tab次序

表单元素事件:仅在表单元素中有效

属性描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本

键盘事件:在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。

属性描述
onkeydown 脚本 当键盘被按下时执行脚本
onkeypress 脚本 当键盘被按下后又松开时执行脚本
onkeyup 脚本 当键盘被松开时执行脚本

鼠标事件:在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。

属性描述
onclick 脚本 当鼠标被单击时执行脚本
ondblclick 脚本 当鼠标被双击时执行脚本
onmousedown 脚本 当鼠标按钮被按下时执行脚本
onmousemove 脚本 当鼠标指针移动时执行脚本
onmouseout 脚本 当鼠标指针移出某元素时执行脚本
onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本
onmouseup 脚本 当鼠标按钮被松开时执行脚本
posted @ 2014-05-10 16:59  weddy.zheng  阅读(124)  评论(0)    收藏  举报