第一节 为什么使用xhtml
1.标准化,很高的兼容性,避免了糟糕的代码显示。
第二节 xhtml与html的区别
1.正确的嵌套
2.正确的关闭
3.必须用小写字母
4.xhtml必须有根元素
形如:
<html> <head> <body> </body> </head> </html>
第三节 xhtml的语法
1.属性名称必须小写
2.属性值必须加引号
3.属性不能简写
4.用ID值代替name属性
5.lang属性:lang广泛适用于xml中,如果要定义某一个块内的语言,就要在块中加入:xml:lang
形如:`
haha
6.最小切强制的xhtml代码
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>this is title</tilte> </head> <body> </body> </html>
关于xmlns 的作用:由于xml可以建立自己的标记,为了防止共享时和别人的冲突,所以提供了一个网址来识别标记,这个网址就是http://www.w3.org/1999/xhtml。
第四节 DTD
1.什么是DTD:文档类型定义(Document Type Definition)是一套为了进行程序间的数据交换而建立的关于标记符的语法规则。
2.基本文档格式:
<!DOCTYPE...> <html> <head> </head> <body> </body> </html>
文档申明总是位于首位
3.三种文档类型
- STRICT(严格类型)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
在此情况下使用:需要干净的标记,避免表现上的混乱。请与层叠样式表配合使用。
- TRANSITIONAL(过渡类型)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在此情况下使用:当需要利用 HTML 在表现上的特性时,并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。
- FRAMESET(框架类型)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
在此的情况下使用:需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。
第五节 xhtml的框架
第六节 xhtml的标准属性
- 核心属性
- 语言属性
- 键盘属性
第七节 xhtml的事件
- 窗口事件
- 表单元素事件
- 键盘事件
- 鼠标事件
第八节 xhtml的高级结构化
xhtml的规则概要
- 使用恰当的文档类型声明和命名空间。
- 使用 meta 元素声明你的内容类型。
- 使用小写字母书写所有的元素和属性。
- 为所有的属性值加引号。
- 为所有的属性分配值。
- 关闭所有的标签。
- 使用空格和斜线关闭空标签。
- 不要在注释中写双下划线。
- 确保小于号及和号为 < 和 &
UNICODE是web的默认字符集,适用于xml、xhtml和html4.0.当然你也可以编写自己的字符集。
//最大限度的使用css来进行布局
//避免使用被废弃的元素
//为表达语义而标记文档,而不是为了样式
//根据他们的意义使用元素,而不是外观
//使用结构化元素,而不是无意义的垃圾
记住非常重要的一点:HTML或者是XHTML是用来提供结构化的,而外观则是css来提供
第九节 xhtml的高级结构化— —防范与识别常见的错误
1.使用id的时候,尽量使用语义化的方式(比如你命名某个导航栏的时候,id=“navigation bar”,方便又安全)
2.id的力量:
- 作为样式表选择器,使我们有能力创作紧凑的最小化的 XHTML。
- 作为超文本的目标锚,取代过时的 name 属性。
- 作为从基于 DOM 的脚本来定位特定元素的方法。
- 作为对象元素的名称。
- 作为一种综合用途处理 (general purpose processing) 的工具(在 W3C 的例子中,“当把数据从HTML页面中提取到数据库,或将 HTML 文档转换为其他格式等情况下,作为域识别工具来使用。”)。
4.这是一个w3c的菜单导航:
<div id="navfirst"> <ul id="menu"> <li id="h"><a href="/h.asp" title="html教程">html教程</a></li> <li id="x"><a href="/x.asp" title="XML教程">XML教程</a></li> <li id="b"><a href="/b.asp" title="浏览器脚本">浏览器脚本</a></li> <li id="s"><a href="/s.asp" title="服务器脚本">服务器脚本</a></li> <li id="d"><a href="/d.asp" title="dot net教程">dot net教程</a></li> <li id="m"><a href="/m.asp" title="多媒体教程">多媒体教程</a></li> <li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li> </ul> </div>