xhtml的学习笔记

第一节 为什么使用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的标准属性

  1. 核心属性
  2. 语言属性
  3. 键盘属性

第七节 xhtml的事件

  1. 窗口事件
  2. 表单元素事件
  3. 键盘事件
  4. 鼠标事件

第八节 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 文档转换为其他格式等情况下,作为域识别工具来使用。”)。
3.id的规则:和大多数编程语言一样,id的值只能以下划线或者字母开始
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>


该学习笔记是基于w3c的xhtml教程:http://www.w3school.com.cn/xhtml/index.asp


本博客基于网络课程完成,旨在学习,有错误请指正!
原文地址:https://www.cnblogs.com/comefuture/p/8306005.html