HTML每日学习笔记(3)

7.17.2019

XHTML

1.XHTML与HTML的区别:

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。(所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中)

2.语法规则:

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

3.XHTML的三种文档类型:

  • STRICT(严格类型)

(需要干净的标记,避免表现上的混乱。请与层叠样式表配合使用。)

  • TRANSITIONAL(过渡类型)

(当需要利用 HTML 在表现上的特性时,并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。)

  • FRAMESET(框架类型)

(需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。)

4.XHTML验证:XHTML 文档是根据文档类型声明(DTD)进行验证的。只有将正确的 DTD 添加到文件的首行,XHTML 文件才会被正确地验证。

严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性;

过渡 DTD 包含严格 DTD 中的一切,外加那些不赞成使用的元素和属性;

框架 DTD 包含过渡 DTD 中的一切,外加框架。

5.XHTML模块:

模块名称

描述

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。

6.XHTML属性:
核心:

以下标签不提供下面的属性:base, head, html, meta, param, script, style, 以及 title 元素。

属性

描述

class

class_rule 或 style_rule

元素的类(class)

id

id_name

元素的某个特定id

style

样式定义

内联样式定义

title

提示文本

显示于提示工具中的文本

语言:

以下标签不提供下面的属性:base, br, frame, frameset, hr, iframe, param, 以及 script 元素。

属性

描述

dir

ltr | rtl

设置文本的方向

lang

语言代码

设置语言代码

键盘:

属性

描述

accesskey

字符

设置访问某元素的键盘快捷键

tabindex

设置某元素的Tab次序

7.XHTML事件属性:
窗口事件 (Window Events):

仅在 body 和 frameset 元素中有效。

属性

描述

onload

脚本

当文档被载入时执行脚本

onunload

脚本

当文档被卸下时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性

描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

键盘事件 (Keyboard Events)

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

属性

描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

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

属性

描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

复习,准备开始CSS的学习

猜你喜欢

转载自www.cnblogs.com/zccfrancis/p/11201276.html