第二章 XHTML标记.pdf

第二部分 XHTML标记 【工作场景】 通过上一章之后相信大家对自己的个人网站已经展开了想象：网站的名称、色 彩应该具有什么特征、版式怎么排列、网站欲包括哪些模块等。那么，在这一 章大家就可以开始开发你的个人网站啦！使用XHTML标记完成你的个人主页，我 们就叫它“第一间茅草屋”吧！ 第二章 XHTML标记 本章学习目标：  了解XHTML文档的组成结构  熟悉XHTML 的基本语法  熟练掌握各种基本XHTML标记的格式及用法  能将基本的XHTML标记应用到网页 2.1 HTML和XHTML概述 2.1.1 HTML简介 HTML即超文本标记语言(Hypertext Marked Language),是一种用简单标记描述文档结构的语言，严格来说，HTML并不是一 种程序设计语言，它只是一些由标记和属性组成的规则，规定了如何在页面上 显示文字、列表、表格、图像等内容。 HTML 1990年产生后得到了迅速发展,也出现了很多版本，HTML产生的初期 ，只有确保网页设计者与浏览网页的用户采用相同版本的HTML才能正确浏览网 页，后来到了1997年HTML3.2标准的出现，使得HTML能够兼容不同的浏览器和不 同的操作平台。 通过HTML标记，可以把保存在不同计算机中的信息方便地联系在一起，形 成一个有机的整体。比如：我们可以通过鼠标单击一个HTML文档中的一个图片 ，而立刻打开与这一图片相关的页面文件，而这个页面文件极有可能保存在网 络中的另一台计算机上。 2.1.2 HTML文档的基本结构 案例2-1：一个简单的HTML文档 1. html 2. head 3. title这是一个简单网页/title 4. /head 5. body 6. 这里网页主体部分，用于放置网页元素！ 7. /body 8. /html HTML文档是由许多个标签组成的，每个HTML文档均以html标签开始，以/htm l标签结束，表示这是一个HTML文档。HTML文档分为文档头部“head……/he ad”和文档主体“body……/body”两部分,其中文档头部内的信息用来告诉 浏览器一些信息，并不显示在浏览器窗口中，如：案例2- 1中的“title这是一个简单网页/title”，该标签的作用是定义HTML文档的 标题为“这是一个简单网页”并将标题告知浏览器，title定义的文档标题显示在 浏览器的标题栏中。文档主体部分的内容才是显示在浏览器窗口中的网页元素 。案例2-1在浏览器中浏览的结构如下图2-1所示： 图2-1 案例2-1运行结果 HTML以其简单易学、对浏览器和操作平台兼容性好等优点，受到了众多初 学者的青睐。但由于HTML语法要求比较松散，这样对网页编写者来说，比较方 便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计 算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就 比较大。因此产生了由DTD定义规则，语法要求更加严格的XHTML。 2.1.3 XHTML介绍 XHTML是HTML的一种扩展，即Extensible HyperText Markup Language的缩写，也就是说XHTML是可扩展的超文本标记语言，它是一种基于XM L的标记语言，它是一个扮演着类似HTML角色的XML。从本质上说，XHTML是一个 过渡技术，融合了部分XML的强大功能及大多数HTML的简单特性。 XHTML是在HTML4.0的基础上改进和优化得到的新语言，现在使用的是XHTML 1.0版本。与HTML相比，XHTML具有更加规范的书写标准、更好的跨平台能力。 1. XHTML文档的基本结构 文档类型声明 文 文档 档 头部 内 容 文档 主体 一个XHTML文档由文档类型声明和文档内容两部分构成，主要说明当前采用 的XHTML文档的版本。文档内容部分又可以分为文档头部和文档主体两部分 组成。 2. XHTML的特点 相比较HTML，XHTML的特点可以归纳为五点： 1）必须通过DOCTYPE声