网络结构语言XHTML

网络结构语言XHTML5.2网页结构语言——XHTML5.2.1XHTML简介5.2.2XHTML文档的基本结构与标记5.2.3创建网页文件5.2.4标记计算机制作网页XHTML简介HTML的缺陷HTML是HyperTextMarkupLanguage（超文本置标语言）的缩写，它是构成Web页面，表示Web页面的符号标记语言。早期的网页制作非常困难。因为第一款所见即所得的网页设计软件FrontPage97和Dreamweaver1.0是1997年才出现的。直到20XX年，大部分的网页仍由网页设计师手工输入HTML代码制作。为了方便网页编写者，HTML被设计成一种语法结构非常松散的语言，但也带来了很多问题，主要有：（1）标识（基本元素）较少，面对各种各样的信息类型和用户自定义对象，HTML无法表达。（2）HTML标签里既有控制结构的标签，例如title,p，又有控制表现的标签，例如font,b,还有本意用于结构后来被滥用于控制表现的标签，例如：h1,table等。结构标签与表现标签混杂在一起。造成改版和数据利用的困难。（3）HTML是由非常不严格的建议标准管理，导致代码编写过程中，程序设计师会撰写出不好的程序代码，当程序需要纠错时很难找到出错的位置。计算机制作网页5.2.1XHTML简介XML的出现W3C很早就开始研究网页编写语言标准化课题。1996年W3C就提出了XML的雏形。1998年，W3C正式提出了XML1.0。XML最初即是作为弥补HTML的不足，以强大的扩展性和标准化的结构来满足见面编写需要而设计的，W3C计划中的下一代页面编写语言。但由于在XML出现前HTML已使用了许多年，大量的网页均用HTML编写，且由于用XML编写的网页只有在InternetExploer8.0以上的浏览器才能将其实现。故XML在网页编写方面并没有被事实采用。计算机制作网页XHTML简介XHTML的优势XHTML的优势XML在网页编写方面并没有被采用。因此，W3C不得不在HTML4.0的基础上，以XML的规则对其进行扩展，得到了一种过渡性的语言，这就是XHTMLoXHTML是结合了部分XML强大功能以及大多数HTML简单结构的综合体。不仅拥有强大的可扩展性，还可以向下兼容各种仅支持HTML的浏览器。XHTML是一种增强了的HTML,XHTML的标签只用来定义文档的结构，所有涉及表现的东西通通剥离出来，把它放到一个单独的文件里，这个单独的文件就是CSSo在与CSS进行整合后，XHTML的可扩展性得到了完全的发挥，正式成为国际上备受推崇的Web设计标准。在各种网页设计工具中，默认创建的网页文档虽仍然以HTML为文档的扩展名，事实上都是以XHTML编写的。计算机制作网页5.2.1XHTML简介XHTML代码规范1.所有的标记都必须有一个相应的结束标记2.所有标签的元素和属性的名字都必须使用小写3.所有的标记都必须合理嵌套4.所有的属性必须用引号括起来特殊符号“”、”和5.特殊符号“”、“”和“”用编码表示6.每个属性必须赋值计算机制作网页XHTML文档基础文档基础一XHTML文档的基本结构文档的基本结构现在以一个XHTML文档实例，来介绍XHTML文档的基本结构，并由基本结构认识!*****、html、head、title、body等控制标记的使用。计算机制作网页XHTML文档是一种纯文本格式的文件，其编写的文档拥有固定的结构，包括声明、根元素、头部元素、主体元素4个部分。XHTML文档的基本结构为：计算机制作网页二声明文档类型该标签用于定义文档的类型，并设置XHTML的版本。在为XHTML声明时，应注意该标签必须大写。其中的DTD叫做文档类型定义，里面包含了文档的规则。*****声明是必不可少的关键部分，必须放在第一个XHTML文档的最顶部。用Dreamweaver很容易实现。其格式为：！*****elementnameDTD-typeDTD-nameDTD-urlXHTML1.0提供了三种DTD声明可供选择，这三种DTD的名称分别是：过渡的(Transitional)严格的(Strict)框架的(Frameset)计算机制作网页三XHTML文档根元素与声明命名空间文档根元素与声明命名空间根元素即XHTML的基本元素。一切的基本元素。根元素即的基本元素一切XHTML的标签都必须写在的标签都必须写在写在根元素标签html和/html之内，XHTML无须在网页根元之内，写在根元素标签和之内无须在网页根元素中加入各种标签的定义代码，素中加入各种标签的定义代码，而是将这些定义代码集成在另一个文件中，并将该网页链接到根元素里，个文件中，并将该网页链接到根元素里，被链接的网页叫做命名空间。命名空间类似于词典的功能，该词典通常存放在W3C的服空间。命名空间类似于词典的功能，该词典通常存放在的服务器中，并代用户通过URL调用其主要功能是解释XHTML中调用。务器中，并代用户通过URL调用。其主要功能是解释XHTML中的标签的类型、属性以及使用规范等。的标签的类型、属性以及使用规范等。以XHTML1.0中最常见的命名空间“/1999/xhtml"为例，其代码如下所示：为例，为例其代码如下所示：htmlxmlns="/1999/xhtml"xmlns是XHTMLnamespce的缩写，称为“命名空间”或“名的缩写，称为“命名空间”是字空间”字空间”。计算机制作网页四XHTML文档头和文档标题标记（头部元素）文档头和文档标题标记（文档头和文档标题标记头部元素）头部元素必须写入根元素标签以内及主体元素之前。头部元素必须写入根元素标签以内及主体元素之前。头部元素提供了文档的一些根本信息、链接的各种文件，提供了文档的一些根本信息、链接的各种文件，以及定义整个文档的一些代码或参数。包含在头部元素的代码除title/title夕卜，通的一些代码或参数。包含在头部元素的代码除夕常不会直接显示在网页中，主要包括URL基准信息、资源引用信息基准信息、常不会直接显示在网页中，主要包括基准信息文档隐藏标签、脚本代码、样式表代码、网页标题信息等。、文档隐藏标签、脚本代码、样式表代码、网页标题信息等。如下XHTML文档头标记：headmetahttp-equiv="Content-Type"content="text/html;charset=gb2312"/title网页的标题网页的标题/title网页的标题/head定义了该文档的语言编码为gb2312（简体中文）及标题。（简体中文）及标题。计算机制作网页五XHTML文档主体标记文档主体标记主体元素用于存放网页被浏览器解析并显示的部分。例如，主体元素用于存放网页被浏览器解析并显示的部分。例如，各种文本、图像、多媒体内容等。文本、图像、多媒体内容等。主体元素位于头部之后，以body为开始标记，/body为结束标记。XHTML文档主体标记的格式为：bodybgcolor」色彩值"background^图像文件名"text=""色彩值””图像文件名””色彩值"link="色彩值"vlink="色彩值"alink="色彩值"leftmargin="像素值"topmargin="像素值"="像素值"像素值"="像素值"网页的内容…网页的内容/body计算机制作网页六、标记及XHTML代码规范标记及代码规范1标记及其属性标记及其属性XHTML文档由标记和被标记的内容组成。标记（tag,在Dreamweaver中文版中，tag被翻译为标签）能产生所需的各种效果。格式为：标记属性属性值1"属性属性2="属性值…受标记影响的内属性值2"标记属性1="属性值属性值属性值标记容/标记标记有些标记不是成对的，称为单标记。其格式为：标记属性属性值1"属性属性2="属性值…/属性值2"标记属性1="属性值属性值属性值例如，插入图片标记img表示为：imgheight="60"width="120"alt=”公司徽标"src="images/logo.gif”/计算机制作网页2.XHTML代码规范（1）所有的标记都必须要有一个相应的结束标记（2）所有标记的名称和属性的名字都必须使用小写（3）所有的标记都必须合理嵌套（4）所有属性必须用引号括起来（5）把所有“”、“”和“”特殊符号用编码表示（6）给所有属性赋一个值⑺不要在注释内容中使“--”计算机制作网页5.2.3网页文件的创建一编辑和保存网页文件用任何网页编辑器都能编辑制作XHTML文件。下面用最简单的“记事本”来编辑网页。①打开记事本。②创建新文件，并按XHTML语言规则编辑。③保存网页。网页文件的扩展名是.html或.htm。首页（主页）文件名设为index.html或index.htm。二预览和修改网页文件打开.html网页文件最简单的方法是用“Windows资源管理器”或“我的电脑”。计算机制作网页常用标记常用标记注释标记注释标记的格式为：！--注释内容--结束标记与开始标记可以不在一行上，长度不受限制。强制换行和不换行标记强制换行标记的格式为：文字文字不换行标记格式为：nobr文字文字/nobr文字计算机制作网页特殊字符常用的特殊字符见下表1计算机制作网页段落标记段落标记放在一个段落的头尾，用于定义一个段落。p.../p段落标记放在一个段落的头尾，用于定义一个段落。p.../p标记不但能使后面的文字换到下一行，标记不但能使后面的文字换到下一行，还可以使两段之间多一空行相当于两个/br标记标记。相当于两个/br标记。段落标记的格式为：palign="left|center|right"文字文字/p文字标题文字标记标题文字标记的格式为：h#align="left|center|right"标题文字/h#计算机制作网页水平线标记水平线标记的格式为：hralign="left|center|right"size="横线粗细width="横线长度横线粗细"横线长度"横线粗细横线长度color="横线颜色noshade="noshade"/横线颜色”横线颜色color设定线条颜色，默认为黑色。颜色可以用相应英文单词或以“#”引导的一个十六进制数代码来表示，见表2。计算机制作网页表2色彩代码表色彩黑色blockbluebrowncyangraygreen色色色色色色色色Ivoryorangepinkredwhiteyellowcrimsonlavender色彩英文名称#000000#0000ff#a52a2a#00ffff******#008000#fffff0#ffa500#ffc0cb#ff0000#ffffff#ffff00#cd061f#dbdbf8十六进制代码色彩代码表蓝色棕色青色灰色色计算机制作网页特定文字样式标记在显示文字时，有时会对某些短语显示一些特定的字形来产生一定 的突出、区别、强调等效果。em.../em(emphasis)被用来强调文本，显示为斜体字。strong.../strong(strongemphasis)是近一步强调，显示为粗体字。sup.../sup作为上标样式显示。sub.../sub作为下标样式显示。原样显示文本标记其格式为：pre文本文本/pre文本pre-/pre中不能包含img、big、small、sub、sup等标记。计算机制作网页设置网页背景和文字的颜色body标记的格式为：bodybgcolor="色彩值"background^'图像文件名"bgproperties="fixed"text="色彩值link="色彩值vlink="色彩值色彩值"色彩值"色彩值"色彩值色彩值色彩值alink="色彩值leftmargin="像素值topmargin="像素值色彩值"