上篇基础篇
第1章初识网页制作
随着互联网的发展和普及，越来越多的个人与企业建立了网站，将互联网技术应用到生产、经营、娱乐等活动中。互联网已经深入千家万户，在潜移默化中影响着各个领域，不断地改变着人们的生活方式。
互联网的各种应用都是基于网站进行的。而网站又是由各种网页组成的，必须通过网页传递其信息。网页是浏览器与网站开发人员沟通交流的窗口。合理的网页设计，可以使浏览者流连忘返。
本章主要介绍网页设计、服务器设置等一些基础知识，以及如何通过Dreamweaver 建立一个简单的页面。
网页内容策划
网页配色
网页布局
配置服务器
制作一个简单网页
1.1 网页设计基础知识
网页的设计千变万化，不同的设计师设计出的作品往往风格迥异。然而，万变不离其宗，所有的网页通常都是由几个固定的部分组成的。策划网页的内容也有着各种相同的步骤。本节将介绍策划网站以及设计网站的一些基础知识。
在设计网页之前，首先应对网页需要制作的内容进行策划。例如，策划网页需要提供哪些服务或资料，制作哪些栏目，以及需要收集哪些方面的资料等。合理的策划可以帮助网站发挥最大的效能。
基础篇 4～
6 1-1所示。
图1-1 企业网页的栏目
3．收集资料
网站建设的目的即是为浏览者提供信息服务。这些信息可以是网站设计者的原创，也可以是收集的资料。对于一些信息量较大的网站而言，其提供的信息不可能完全由网站设计者创作，因此收集资料也就显得尤为重要。在收集资料的过程中，应明确资料和网页栏目的关系，做到有的放矢，不能偏离网页栏目的主题。
版式是整个网页的外观，其设计体现在页面的布局、颜色等。一般优秀的网页，会给浏览者留下深刻的印象和赏心悦目的感觉。所以，许多设计人员非常重视版式的设计
初识网页制作
效果，多数在布局与色彩上下很大的功夫。
1．页面尺寸
还应考虑到不同浏览器以及不同显示器分辨率的大小。
Explorer 6.0浏览器及其升级版本。使用该浏览器，当显示器分辨率为
显示约1003×600px的内容；当显示器分辨率为800×600时，
的内容。
1003×600px或779×428px
面高度来添加内容。
2．网页版块内容
完整的网页。Internet中的网页的内容千差万别，风格各异。
导航条、Banner、内容版块和版尾组成的。
网站标志
网站标志，又称为Logo，主要用于网页与其他网页友情链接的图形标识，是网页的商标和名片。它是网页用于标识与其他网站区别的最重要标志。一个新颖、独特的Logo 可以使网页在其他网页的友情链接中更加醒目，提高网页被访问的几率。
导航条
导航条是指通过一定技术手段，为网页的浏览者提供一定的途径，使其可以方便地访问到所需内容的网页版块。导航条是浏览网页时从一个页面转到另一个页面的快速通道。导航条的设计通常要依据网页的栏目内容，每个栏目占据导航条一个导航的位置。很多导航条还设计了子菜单，在子菜单中添加子栏目的链接以方便浏览者查找相关信息。
导航条的设计可以使用多种技术，常见的导航条种类有CSS+XHTML导航条、Flash 动画导航条、JavaScript导航条等。即可以是简单的文字链接，或者是形态多变的按钮。
Banner
Banner又被称作网幅广告、旗帜广告、横幅广告，是网络广告的主要形式，一般为Gif文件或Flash文件。这种广告可以使用静态图像，也可以使用多帧图像拼接而成的动画或更复杂的动画内容。
内容版块
内容版块是网页的主体。大部分网页都根据内容的多少划分为几个区块，每个区块中放置内容的标题链接以及相关的内容摘要。内容版块可以放置文本、图像、动画等，
是浏览者关注的根本目标。只有内容丰富的网页，才能吸引众多的浏览者。因此，在建
实；而在红色中加入少量的白色，会使页面色彩的性格变得温柔，给人以含蓄、羞涩、娇嫩的感觉。
橙色
橙色是暖色调中给人温暖感觉最强烈的一种颜色，其性格活泼，使人兴奋，并具有富丽、辉煌、炽热的感情意味。橙色只有在发冷、深沉的蓝色中，才能充分发挥出其具有的太阳般的光辉。
在橙色中混入少量的蓝，能够形成强烈的对比，有一种紧张的气氛。而在橙色中混入少量的白色，可以反映出焦虑、无力的感觉。
黄色
黄色也是一种暖色调，由于过于明亮，容易给人以冷漠、高傲、敏感的感觉，具有扩张和不安的视觉印象。黄色是各种色彩中最容易受其他辅助配色影响的颜色。只要在纯黄色中混入少量的其他颜色，就将大幅地改变其给人的感觉。
黄色与其他色彩的搭配性不如红色。在黄色中加入少量的蓝色，可使其高傲的性格趋向于平和、温润；在黄色中加入少量的红，则使其转化为有限的热情和温暖；在黄色中加入少量的黑色，可以使其变得成熟、随和又不失刺激。
绿色
绿色是一种中性的色彩。在可见光谱中，其波长居中。因此，人的视觉最能适应绿光的刺激。绿色具有缓解视觉疲劳的作用，象征平和、自然、健康。
当绿色中黄色的成分较多时，其色彩的性格就趋向于活泼、友善；在绿色中加入少
量的黑色，可使其性格趋于庄重、老练、成熟；在绿色中加入少量的白色，可使其性格
初识网页制作
趋向于洁净、清爽、鲜嫩。
蓝色
么明显影响力。
紫色
格消失，变得优雅、娇贵，充满女性的魅力。
白色
会影响白色的纯洁性，使其性格变得含蓄而无力。
白色中混入少量的黄色，则使网页给人一种香腻的印象；在白色中混入少量的蓝色，则给人以清冷、洁净的感觉；在白色中混入少量的橙色，将给人以干爽、干燥、清爽的感觉；在白色中混入少量的绿色，会带给人以稚嫩、柔和的感觉；在白色中混入少量的紫色，可以诱导人联想到淡淡的芳香。
黑色
从光学的角度讲，黑色是无光的。黑色在视觉上是一种消极性的色彩，使人联想到黑暗、黑夜、寂寞、神秘；意味着悲哀、沉默、恐怖、罪恶、消亡；黑色还有颜色、含蓄、庄重、解脱的表情。
黑色是稳定和深沉的颜色，它和任何色彩搭配都难以撼动其鲜明的性格。
灰色
灰色是白色和黑色的混合色，自身显得毫无个性和特点。其性格是柔和的，没有什么倾向性。灰色是彻底被动的色彩，完全依靠邻近的色彩去获得自己的性格。
灰色也是一种万能搭配色彩，它和任何色彩搭配都只反映搭配色彩的色彩性格，而不能表现自己的色彩性格。
4．网页的布局
网页布局就是合理地安排网页各版块的位置，使网页变得赏心悦目的过程。在布局之前应在纸张上手绘网页结构，或者使用各种排版软件（InDesign、Word等），还可以使用各种包含切片功能的图像处理软件（Photoshop、Fireworks等）。常见的网页布局主
要有以下几种。
基础篇 3栏，如图 和横幅、中部的内容版“拐角”型布局1-3所示。
局，其通常用于大型网站的子页面，由顶部
的标题栏、横幅以及中间的内容版块和底部
的版尾组成，如图1-4所示。
左右双列型
左右双列型布局是一种非典型的布局，其特色是网页被分割为左右两侧，左侧的版
块通常包括网页的Logo 、导航条等版块，右
侧的版块则通常包括网页的版尾，如图1-5
所示。
图1-4 上中下型布局
图1-5
左右双列型 图1-2 “国”字型布局 图1-3 “拐角”型布局
初识网页制作 封面型
美的静态图像或一个动画组成。
在设计完成网页后，还需要对网页进行调试，检查各种疏忽，网页调试通常包括以下一些内容。
1．静态网页代码验证
网页最基础的编写语言即XHTML 页中的XHTML 代码。可以将网页中的XHTML 代码粘贴到W3C （https://www.doczj.com/doc/ad363742.html,/）中，也可以通过使用Dreamweaver 验证功能进行验证。
验证XHTML 代码后，可将网页的CSS 代码粘贴到W3C 提供的（
https://www.doczj.com/doc/ad363742.html,/css-validator/）中，验证CSS 浏览器中正常解析。
2．动态网页程序测试
如果网页使用了后台动态程序，还应对动态程序进行调试，测试后台的各部分功能是否完整可用，并检测数据库是否正常工作。
3．整站测试
完成静态页面和动态程序测试后，即可将整站上传至服务器空间中，调试整个网站，并测试每个网页中的超链接是否可用，图像是否可正常打开，以及动画、音频、视频等多媒体文件是否可正常播放。
1.2 配置服务器
在建设网站之前，大多数设计者首先应调试本地计算机，将其设置为服务器，使本地计算机可以对外发布网页，以及支持各种动态网页程序。这就需要在本地计算机中安装Web 发布服务程序，以及为本地计算机设置各种权限。
IIS （Internet Information Server ，互联网信息服务器）是微软公司开发的一款用于服务器对外发布网站的软件。该软件可以实现创建网站、配制和管理对外发布的网站以及实现站点的ASP 网页程序的支持等功能。
基础篇 Microsoft .NET Framework 后，还可以使其扩展对https://www.doczj.com/doc/ad363742.html, 的支Web 发布软件。 XP 系统中，打开【开始】命令，在打开的【控/删除程序】，即/删除Windows 组件】按钮，组件向导中，启用IIS ）】复选框，并单击1-7所示。 Internet 信息服务（IIS ）】对Internet 1-8所示。 7种组件。这 服务器扩展
服务器扩展组件是微软
公司提供的一款站点管理工具，其与微软公
司出品的网页设计软件FrontPage 相结合，可以帮助用户管理网站中的各种文件。
Internet 信息服务管理单元 该组件是Internet 信息服务的图形化管理程序。安装该服务后，用户即可通过
Windows 的【管理工具】来管理各种Internet 信息服务。
SMTP Service
SMTP （Simple Mail Transfer Protocol ，
简单邮件传输协议）服务组件的主要用途是提供对外邮件服务，通常用于邮件服务器。 公用文件
该组件是IIS 中各种服务的主程序文件，也是整个IIS 中最重要的组件。
万维网服务 万维网服务组件主要提供所有通过HTTP 协议对外提供的Web 服务。
文档 该组件主要提供IIS 以及各组件的相关帮助文档，用于协助用户对IIS 进行调试，帮助用户解决各种操作使用的问题。
单击 图1-6
添加/删除Windows 组件 单击 图1-7 选择IIS
选择
单击
图1-8 万维网服务
初识网页制作 文件传输协议（FTP ）服务
该组件用于帮助用户建立FTP 服务器，使用户可以通过
FTP 信，传输各种文件。
框中可选择Web 站点对外发布哪些具体的Web 服务，如图1-9所示。
万维网服务主要包括如下4个服务内容。
打印机虚拟目录 打印机虚拟目录是一种对外提供网络打印的服务。当安装
该服务后，用户即可通过http://域名/
printers 访问服务器的打印机资源。 脚本虚拟目录 脚本虚拟目录是IIS 管
理的网站根目录中支持执行脚本的虚
拟目录。 万维网服务 万维网服务即通过HTTP 协议对外发布网页的服务，是整个IIS 服务的核心。
远程桌面Web 连接 从Windows 2000起，微软公司为操作系统提供了一个图
形化的远程管理服务器软件，即远程桌
面连接。远程桌面Web 连接则是支持
用户通过Web 浏览器安装Active 控件
来访问远程桌面连接的一种工具。
在重启系统后，在【开始】菜单中右击【我
的电脑】，执行【管理】命令，即可打开【计算机管理】窗口，在【计算机管理（本地）】|【服务和应用程序】中，即可看到【Internet 信息服务】的列表菜单，如图1-10所示。
安装好IIS 服务后，Windows XP 系统即可支持ASP 动态网页交互程序。但如果想让IIS 服务以及ASP 程序安全、稳定地运行，还需要进行一系列配置。例如，修改IIS 的Web 发布目录，以及开启Windows 防火墙对外发布权限等。
1．修改IIS 的Web 发布目录
在默认情况下，IIS 的Web 发布目录存放于Windows 的“C:\Inetpub\wwwroot ”目录中。为保证系统盘的安全性，首先应将其转移到其他磁盘中。
选择
图1-9
选择
图1-10 计算机管理
基础篇 【我的电脑】图标，执行【管窗口，打开【计】|【服务和应用程序】|【网，如图1-11所示。 ，执行【属性】命令。 属性】对话框中选择【主1-12所示。 1-13防火墙端口 服务是无法对外发布Web 服 XP 为保障系统的安全 IIS 服务使用的80正常发布，还需要将该端口
在【开始】菜单中执行【控制面板】命令，
打开【控制面板】窗口，并单击【安全中心】
图标，如图1-14所示。 打开【Windows 安全中心】对话框，单击【Windows 防火墙】，如图1-15所示。
修改 单击
单击
图1-13 修改本地路径 图1-14
安全中心
打开【Windows 防火墙】对话框，选择【例外】选项卡，在选项卡中单击【添加端口】按钮，如图
1-16所示。
图1-11 计算机管理
图1-12 默认网站属性
初识网页制作
单击
图1-15Windows安全中心
在弹出的【添加端口】对话框中，输入【名
称】为“Web对外发布”，并输入【端口号】为“80”，单击【确定】按钮，如图1-17所示。
返回【Windows防火墙】对话框后，单击【确定】按钮，完成对例外端口开放的设置。
1.3 远端服务
远端服务是Dreamweaver内置的FTP/SFTP 文件传输工具。通过远端服务，可以轻松地管理远程服务器中的文件，对远程服务器的文件进行上传、下载以及修改等工作。
要在Dreamweaver中使用远端服务，应在已创建的站点中设置【远程信息】。Dreamweaver共支持6种远程服务器方式，如图1-18所示。
其中，在【访问】下拉列表中，选择其中需要进行远程访问的类型，各类型的详细内容如下。
选择
单击
图1-16添加开放的端口
设置
单击
图1-17设置端口名称和端口号
基础篇 ，即可将远端服务 Protocol ）是最典型、FTP 来传输文件，更新站点中的文档。 FTP 后，需要为FTP 主机设置地址、目录、登录名和密码等相关选时，还可以选择如下一些特殊的服务。 ，即被动方式的FTP 。FTP 协议有两种工作模式，即Standard FTP （或FTP ）和Passive FTP 。 FTP 客户端首先和FTP 服务器的TCP21端口建立连接。当客户端需要
Port 命令。Port 命令包含了客户端用什么端口接收数据。在传送数据时，服务器端通过自己的TCP20端口连接至客户端的指定端口发送数据。
被动模式下，在建立控制通道时和主动模式类似，但建立连接后发送的是Pasv 命令。FTP 服务器收到Pasv 命令后，随机打开一个高端端口（端口号大于1024）并且通知客户端在这个端口上传送数据的请求，客户端连接FTP 服务器的此端口，然后FTP 服务器将通过这个端口进行数据的传送，这个时候FTP 服务器不再需要建立一个新的和客户端之间的连接。
在互联网中，很多防火墙都设置不允许接受外部发起的连接，所以许多位于防火墙后或内网的FTP 服务器不支持被动模式，因为客户端无法穿过防火墙打开FTP 服务器的高端端口；但也有许多内网的客户端不能用Port 模式登录FTP 服务器，因为从服务器的TCP20无法和内部网络的客户端建立一个新的连接，造成无法工作。
在连接远程计算机的FTP 之前，首先应了解该FTP 使用的是哪一种工作模式，然后即可决定是否选择使用被动模式。
使用IPv6传输模式
了解IPv6首先应了解IP （Internet Protocol ，互联网协议）这个概念。目前的全球因特网所采用的协议簇是TCP （Transmission Control Protocol ，传输控制协议）/IP 协议簇。IP 是TCP/IP 协议簇中网络层的协议，是TCP/IP 协议簇的核心协议。
目前的互联网中，使用的IP 协议是第二代IP 技术，即IPv4，而IPv4的下一代版本就是IPv6。
IPv6是一种正在不断发展和完善的新一代IP 协议标准。Dreamweaver CS3可以支持、识别和使用IPv6协议的远程服务器地址。
6种方式 图1-18 设置远程信息
初识网页制作 使用防火墙
使用硬件防火墙设备。为保证Dreamweaver
Dreamweaver设置防火墙选项。该选项包括防火墙的IP
使用安全FTP（SFTP）
FTP协议最大的缺点就是其传输的数据是未加密的明文传输，
听软件截获。针对FTP的这个缺点，NetScape公司开发了SSL
SSL协议对FTP传输的数据加密，来保证文件传输的安全性。SFTP（
Protocol，安全的文件传输协议）就是使用了SSL加密的FTP
3．本地/网络
本地/网络的远程服务器方式，
录模拟远程服务器。选择本地/
文件夹地址设置为远端文件夹。
4．WebDAV
WebDA V（Web-based Distributed Authoring and Versioning，Web
管理）是一种基于HTTP1.1协议的通信协议，是HTTP1.1
议中，普通应用程序是无法在Web Server中写入数据的，必须通过一些动态网页程序（例如ASP或https://www.doczj.com/doc/ad363742.html,）。
WebDA V在HTTP1.1的get、post、和head等几个HTTP标准方法之外添加了一些新的方法，使普通应用程序可直接对Web Server进行读写操作，并支持写文件锁定和解锁，还可以支持文件版本控制。
Dreamweaver和很多类似的程序都支持使用WebDA V来管理网络服务器中的内容（例如，Blog服务）。
5．RDS
RDS（Remote Data Services，远程数据服务）是允许用户处理客户端数据的一系列服务的统称。该服务允许程序员开发原生的Windows分布式多层应用系统，或是开发以浏览器为图形用户接口的Web应用系统。
6．SourceSafe数据库
SourceSafe是微软公司的Visual Studio系列编程工具中的一种，主要用于软件或Web 程序在开发过程中的版本管理。其具有管理方便、使用简单等特点。
SourceSafe通常以一台计算机作为服务器，将开发的软件或Web程序统一存放在服务器中集中管理。其他客户端计算机连接在该服务器上的对应数据库，以实现客户端计算机之间的版本一致。
Dreamweaver支持作为SourceSafe的客户端，使服务器可以用SourceSafe来控制整
个网站程序的工作进度。
Dreamweaver CS3与远端服务器建接到远端主机】按钮1-19所示。
视图可以显示目前上传到虚拟服务器中的目录以及文档内容。
地图视图为便于网页设计者以直观的方式查看站点目录和文档的物理结构，Dreamweaver可以用地图视图来生成树状的网站结构图。
1.4 初识XHTML
XHTML（The Extensible Hyper Text Markup Language）即可扩展的超文本标记语言，是由HTML（Hyper Text Markup Language，超文本标记语言）发展而来的一种网页编写语言，也是目前网络中最常见的网页编写语言。
在认识XHTML之前首先应了解什么是Web标准。Web标准是由一系列的标准组成的，包括结构（Structure）、表现（Presentation）和行为（Behavior）3个方面。其对应的具体语言就包括结构标准语言XHTML、XML、表现标准语言CSS，以及行为标准的对象模型W3CDOM和ECMAScript（JavaScript）。
Web标准的建立，有助于使网页设计更加结构化，也有助于统一目前各种浏览器千差万别的网页代码解析方式。作为在网页中应用最多的语言，XHTML无疑是最重要的标准化语言。
连接
图1-19 连接远端主机
1．HTML的缺陷
早期的网页制作非常困难。因为第一款所见即所得的网页设计软件Dreamweaver 1.0是1997年才出现的。直到2000年，
手工输入每一行代码制作的。
为了方便网页编写者，HTML
非常宽松。通常情况下，语言的语法结构越松散，
对于普通家用计算机而言，语法结构松散的HTML
手机、PDA等手持设备而言，处理这种语言就非常困难。
2．XML的出现
W3C很早就开始研究网页编写语言标准化这个课题。1996年
的雏形。1998年，W3C正式提出了XML1.0。XML与HTML一样，源自于
Generalized Markup Language，标准通用标记语言）
作为定义其他语言的语言。XML最初即是作为弥补HTML
标准化的结构来满足网页编写需要而设计的，是W3C
HTML
能）。XML则对数据赋予了上下文相关功能等简单的动态功能。XML
者自行定义自己的文档类型，并且其开源的结构使任何应用程序都能十分方便地读取其内容。
以上这些优点，导致XML迅速成为数据交换领域的唯一公共语言而非一种网页编写语言，成为网络数据交换的标准格式。至于XML的网页编写功能，目前仅有Internet Explorer 8.0浏览器可以将其实现。
3．XHTML的优势
XML在网页编写方面并没有被采用。因此，W3C不得不在HTML4.0的基础上，以XML的规则对其进行扩展，得到了一种过渡性的语言，这就是XHTML。
XHTML是结合了部分XML强大功能以及大多数HTML简单结构的综合体。它和XML一样，是一种标准化的语言。XHTML不仅拥有强大的可扩展性，还可以向下兼容各种仅支持HTML的浏览器。
在与CSS（Cascading Style Sheets，层叠样式表）进行整合后，XHTML的可扩展性得到了完全地发挥，正式成为在国际上备受推崇的Web设计标准。在各种网页设计工具中，默认创建的网页文档虽然仍然以HTML为文档的扩展名，事实上都是以XHTML编
写的。
相对于HTML而言，XHTML语法更加规范和严格，使用XHTML编写的代码更加
单击【文档】工具栏中的【显示代码视图】按钮，即可看到一个典型的
为便于理解，在以上代码中用“”将该文档的每一段都进行了注释。在XHTML文档中，标签“”以及其之间的内容不会被浏览器解析。
2．声明部分
XHTML代码并不排斥HTML规则。这两种编写语言的结构大致相同。XHTML在HTML的基础上增加了声明部分，即标签。该标签用于定义文档的类型，并设置XHTML的版本。在为XHTML文档进行声明时，应注意该标签必须大写。
DTD（例如，xhtml1-transitional.dtd）用于表示文档的类型定义，其包含文档的代码规范。网页浏览器就是根据DTD来解析各种语言编写的网页，并将网页用图形化的方式显示出来。
XHTML文档必须在文档开头声明文档的类型。目前W3C推荐遵循的XHTML1.0标准共提供了3种DTD的文档类型。其开头的声明各不相同。通过Dreamweaver可以轻松建立这3种文档类型。
初识网页制作 过渡型（Transitional）
过渡型的DTD，其规则非常简单，允许用户继续使用HTML4
XHTML的书写要求即可。创建过渡型DTD
在【新建文档】对话框中设置【文档类型】为“XHTML1.0 Transitional”
设置
图1-20创建过渡型的XHTML文档
过渡型的XHTML文档，其声明代码如下所示。
"https://www.doczj.com/doc/ad363742.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格型（Strict）
在严格型DTD文档类型的规范下，网页设计者不能使用任何描述性的元素和属性，必须完全遵照XHTML的标准来编写网页。在Dreamweaver中创建严格型DTD类文档，需要设置【文档类型】为“XHTML 1.0 Strict ”，如图1-21所示。
设置
图1-21创建严格型的XHTML文档
图1-22 创建框架型的XHTML 文档
框架型的XHTML 文档，其声明代码如下所示。
"https://www.doczj.com/doc/ad363742.html,/TR/xhtml1/DTD/xhtml1-frameset.dtd">
除了以上3种XHTML 的DTD 文档类型外，Dreamweaver CS3还支持另外两种标准化的DTD 文档类型。
XHTML1.1
相对于XHTML1.0的严格型声明而言，XHTML1.1的规则更加严格，其完全消除了描述性元素和属性，并增强了模块化设计。其模块化的特性更加接近于XML ，更容易增加一些必须的模块或将其本身整合到其他标识语言中。
在Dreamweaver CS3中创建符合XHTML1.1标准的DTD 文档类型，应在【新建文档】对话框中设置【文档类型】为“XHTML1.1”，如图1-23所示。
XHTML1.1版本的文档，其声明代码如下所示。
"https://www.doczj.com/doc/ad363742.html,/TR/xhtml11/DTD/xhtml11.dtd">
图1-23 创建XHTML1.1文档
XHTML Mobile
XHTML Mobile 是XHTML Basic XHTML1.1为基础而设计的、用于移动设备（例如，手机、PDA 手持设备）的标准化语言。XHTML Mobile 是XHTML1.1应用于移动设备的功能外（例如，框架标签等），XHTML Mobile 的功能。这类XHTML 文档的声明代码如下所示。
"https://www.doczj.com/doc/ad363742.html,/DTD/xhtml-mobile10.dtd">
3．根元素部分
根元素即XHTML 的基本元素。一切XHTML 标签都必须写在根元素标签之内。在XHTML 中，根元素的标签即“”和“”。由于XHTML 和XML 一样都支持任何人定义新的标签。因此，如果不加以声明，浏览器根本无法解析各种标签定义完全不同的XHTML 代码。解决这种问题的方法有两种。
一种方法是在网页根元素中加入各种标签的定义代码，类似早期的C 语言，将自定义函数书写在main()函数之前。这种方法会使网页十分臃肿，也加大了网页编写的难度，降低了网页载入的效率。
另一种方法则是将这些定义代码集成在另一个文件中，并将该网页链接到根元素里。这种方法是目前常用的方法，被链接的网页叫作命名空间。
命名空间（Name Space ）类似于词典的功能。该词典通常存放在W3C 的服务器中，并供用户通过URL 调用。其主要用于解释XHTML 中标签的类型、属性以及使用规范。大部分浏览器为提高页面执行效率，会把一些常用的命名空间直接建立在本地计算机中。
在XHTML 中，必须在根元素中为文档定义命名空间。以XHTML1.0中最常见的命名空间“http ：//https://www.doczj.com/doc/ad363742.html,/1999/xhtml ”为例，其代码如下所示。
样式表代码
CSS代码也可以直接写在头部元素中。在头部元素中的CSS代码和外链的CSS文件中的代码在执行上完全一样。
网页的标题信息
网页可以在头部元素中定义网页的标题，通过标题来提示浏览者网页的内容。如果不定义网页标题，则浏览器会自动将网页的URL地址作为标题。
5．主体元素
主体元素用于存放网页中可被浏览器解析并显示的部分。例如，各种文本、图像、多媒体内容等。
XHTML是根据XML语法简化，并兼容XHTML各种标签的网页编写语言。在书写XHTML的标签时，必须注意其与HTML的一些细微的区别。
1．XHTML标签书写规范
XHTML标签在编写时要求遵循比HTML更加严格的规范。虽然一些浏览器（例如，微软公司的Internet Explorer浏览器）可以正常解析一些错误的XHTML代码，但仍然推荐使用标准的方式编写XHTML代码。在编写XHTML代码时，必须遵循以下规范。