网络结构语言XHTML

更新时间：2023-06-05 18:36:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

网络结构语言描述?推荐度：
相关推荐

计算机制作网页

5.2 网页结构语言——XHTML5.2.1 XHTML简介 5.2.2 XHTML文档的基本结构与标记 5.2.3 创建网页文件 5.2.4 标记

计算机制作网页

5.2.1 XHTML简介HTML的缺陷HTML是HyperText Markup Language(超文本置标语言)的缩写，它是构成 Web页面，表示Web页面的符号标记语言。早期的网页制作非常困难。因为第一款所见即所得的网页设计软件FrontPage97和Dreamweaver1.0是1997年才出现的。直到2000年，大部分的网页仍由网页设计师手工输入HTML代码制作。为了方便网页编写者， HTML被设计成一种语法结构非常松散的语言，但也带来了很多问题，主要有： (1)标识(基本元素)较少，面对各种各样的信息类型和用户自定义对象， HTML无法表达。 (2)HTML标签里既有控制结构的标签，例如<title>,,又有控制表现的标签，例如,,还有本意用于结构后来被滥用于控制表现的标签，例如： <h1>,<table>等。结构标签与表现标签混杂在一起。造成改版和数据利用的困难。 (3)HTML是由非常不严格的建议标准管理，导致代码编写过程中，程序设计师会撰写出不好的程序代码，当程序需要纠错时很难找到出错的位置。

计算机制作网页

5.2.1 XHTML简介XML的出现W3C很早就开始研究网页编写语言标准化课题。1996年W3C就提出了XML的雏形。1998年，W3C正式提出了XML1.0。XML最初即是作为弥补HTML的不足，以强大的扩展性和标准化的结构来满足见面编写需要而设计的，W3C计划中的下一代页面编写语言。但由于在XML出现前HTML已使用了许多年，大量的网页均用HTML编写，且由于用XML编写的网页只有在Internet Exploer8.0以上的浏览器才能将其实现。故XML在网页编写方面并没有被事实采用。

计算机制作网页

5.2.1 XHTML简介 XHTML的优势 XHTML的优势 XML在网页编写方面并没有被采用。因此，W3C不得不在HTML4.0的基础上，以XML的规则对其进行扩展，得到了一种过渡性的语言，这就是XHTML。 XHTML是结合了部分XML强大功能以及大多数HTML 简单结构的综合体。不仅拥有强大的可扩展性，还可以向下兼容各种仅支持HTML的浏览器。 XHTML是一种增强了的HTML, XHTML的标签只用来定义文档的结构，所有涉及表现的东西通通剥离出来，把它放到一个单独的文件里，这个单独的文件就是CSS。在与CSS进行整合后，XHTML的可扩展性得到了完全的发挥，正式成为国际上备受推崇的Web设计标准。在各种网页设计工具中，默认创建的网页文档虽仍然以HTML为文档的扩展名，事实上都是以XHTML编写的。

计算机制作网页

5.2.1 XHTML简介XHTML代码规范1. 所有的标记都必须有一个相应的结束标记 2. 所有标签的元素和属性的名字都必须使用小写 3. 所有的标记都必须合理嵌套 4. 所有的属性必须用引号括起来特殊符号

“<”、 >”和 5. 特殊符号“<”、“>”和“&”用编码表示 6. 每个属性必须赋值

计算机制作网页

5.2.2 XHTML文档基础文档基础一 XHTML文档的基本结构文档的基本结构现在以一个XHTML文档实例，来介绍XHTML文档的基本结构，并由基本结构认识<!DOCTYPE>、<html>、<head>、<title>、<body> 等控制标记的使用。

计算机制作网页

XHTML文档是一种纯文本格式的文件，其编写的文档拥有固定的结构，包括声明、根元素、头部元素、主体元素4个部分。 XHTML文档的基本结构为：

计算机制作网页

二声明文档类型该标签用于定义文档的类型，并设置XHTML的版本。在为 XHTML声明时，应注意该标签必须大写。其中的DTD叫做文档类型定义，里面包含了文档的规则。DOCTYPE声明是必不可少的关键部分，必须放在第一个XHTML文档的最顶部。用 Dreamweaver很容易实现。其格式为： <!DOCTYPE element-name DTD-type DTD-name DTD-url> XHTML 1.0提供了三种DTD声明可供选择，这三种DTD的名称分别是：过渡的(Transitional) 严格的(Strict) 框架的(Frameset)

计算机制作网页

三 XHTML文档根元素与声明命名空间文档根元素与声明命名空间根元素即XHTML的基本元素。一切的基本元素。根元素即的基本元素一切XHTML的标签都必须写在的标签都必须写在写在根元素标签<html>和</html>之内，XHTML无须在网页根元之内，写在根元素标签和之内无须在网页根元素中加入各种标签的定义代码，素中加入各种标签的定义代码，而是将这些定义代码集成在另一个文件中，并将该网页链接到根元素里，个文件中，并将该网页链接到根元素里，被链接的网页叫做命名空间。命名空间类似于词典的功能，该词典通常存放在W3C的服空间。命名空间类似于词典的功能，该词典通常存放在的服务器中，并代用户通过URL调用其主要功能是解释XHTML中调用。务器中，并代用户通过 URL 调用。其主要功能是解释 XHTML中的标签的类型、属性以及使用规范等。的标签的类型、属性以及使用规范等。以 XHTML1.0中最常见的命名空间"/1999/xhtml"为例，其代码如下所示：为例，为例其代码如下所示： <html xmlns="/1999/xhtml"> xmlns是XHTML namespce 的缩写，称为“命名空间”或“名的缩写，称为“命名空间” 是字空间” 字空间”。

计算机制作网页

四 XHTML文档头和文档标题标记(头部元素) 文档头和文档标题标记( 文档头和文档标题标记头部元素) 头部元素必须写入根元素标签以内及主体元素之前。头部元素必须写入根元素标签以内及主体元素之前。头部元素提供了文档的一些根本信息、链接的各种文件，提供了文档的一些根本信息、链接的各种文件，以及定义整个文档

的一些代码或参数。包含在头部元素的代码除<title></title>外，通的一些代码或参数。包含在头部元素的代码除外常不会直接显示在网页中，主要包括URL基准信息、资源引用信息基准信息、常不会直接显示在网页中，主要包括基准信息文档隐藏标签、脚本代码、样式表代码、网页标题信息等。、文档隐藏标签、脚本代码、样式表代码、网页标题信息等。如下 XHTML文档头标记：

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>网页的标题网页的标题</title> 网页的标题 </head>定义了该文档的语言编码为gb2312(简体中文)及标题。 (简体中文)及标题。

计算机制作网页

五 XHTML文档主体标记文档主体标记主体元素用于存放网页被浏览器解析并显示的部分。例如，主体元素用于存放网页被浏览器解析并显示的部分。例如，各种文本、图像、多媒体内容等。文本、图像、多媒体内容等。主体元素位于头部之后，以<body>为开始标记，</body>为结束标记。 XHTML文档主体标记的格式为： <body bgcolor="色彩值"background="图像文件名"text=" "色彩值" "图像文件名" " 色彩值 " link= " 色彩值 " vlink= " 色彩值 " alink= " 色彩值 " leftmargin="像素值"topmargin="像素值"> ="像素值 "像素值" ="像素值" 网页的内容… 网页的内容 </body>

计算机制作网页

六、标记及XHTML代码规范标记及代码规范 1标记及其属性标记及其属性 XHTML文档由标记和被标记的内容组成。标记(tag,在 Dreamweaver中文版中，tag被翻译为标签)能产生所需的各种效果。格式为： <标记属性属性值1" 属性属性2="属性值 …> 受标记影响的内属性值2" 标记属性1="属性值属性值属性值标记> 容 </标记标记有些标记不是成对的，称为单标记。其格式为： <标记属性属性值1" 属性属性2="属性值 … /> 属性值2" 标记属性1="属性值属性值属性值例如，插入图片标记<img>表示为：<img height="60" width="120" alt="公司徽标" src="images/logo.gif" />

计算机制作网页

2.XHTML代码规范 (1) 所有的标记都必须要有一个相应的结束标记 (2) 所有标记的名称和属性的名字都必须使用小写 (3) 所有的标记都必须合理嵌套 (4) 所有属性必须用引号括起来 (5) 把所有“<”、“>”和“&”特殊符号用编码表示 (6) 给所有属性赋一个值 (7) 不要在注释内容中使“--”

计算机制作网页

5.2.3 网页文件的创建一编辑和保存网页文件用任何网页编辑器都能编辑制作XHTML文件。下面用最简单的 “记事本”来编辑网页。 ① 打开记事本。 ② 创建新文件，并按XHTML语言规则编辑。 ③ 保存网页。网页文件的扩展名是.html或.htm。首页(主页)文件名设为 in

dex.html或index.htm。

二预览和修改网页文件打开.html网页文件最简单的方法是用“Windows资源管理器”或“ 我的电脑”。

计算机制作网页

常用标记常用标记注释标记注释标记的格式为：  结束标记与开始标记可以不在一行上，长度不受限制。强制换行和不换行标记强制换行标记的格式为：文字文字不换行标记格式为： 文字文字 文字

计算机制作网页

特殊字符常用的特殊字符见下表1

计算机制作网页

段落标记段落标记放在一个段落的头尾，用于定义一个段落。... 段落标记放在一个段落的头尾，用于定义一个段落。... 标记不但能使后面的文字换到下一行，标记不但能使后面的文字换到下一行，还可以使两段之间多一空行相当于两个标记标记。相当于两个标记。段落标记的格式为： 文字文字 文字标题文字标记标题文字标记的格式为： <h# align="left|center|right"> 标题文字 </h#>

计算机制作网页

水平线标记水平线标记的格式为： <hr align="left|center|right" size="横线粗细 width="横线长度横线粗细" 横线长度" 横线粗细横线长度 color="横线颜色 noshade="noshade" /> 横线颜色" 横线颜色 color设定线条颜色，默认为黑色。颜色可以用相应英文单词或以 “#”引导的一个十六进制数代码来表示，见表2。

计算机制作网页

表2 色彩代码表色彩黑色 block blue brown cyan gray green 色色色色色色色色 Ivory orange pink red white yellow crimson lavender 色彩英文名称 #000000 #0000ff #a52a2a #00ffff #808080 #008000 #fffff0 #ffa500 #ffc0cb #ff0000 #ffffff #ffff00 #cd061f #dbdbf8 十六进制代码

色彩代码表

蓝色棕色青色灰色色

计算机制作网页

特定文字样式标记在显示文字时，有时会对某些短语显示一些特定的字形来产生一定的突出、区别、强调等效果。 ...(emphasis)被用来强调文本，显示为斜体字。 ...(strong emphasis)是近一步强调，显示为粗体字。 ...作为上标样式显示。 ...作为下标样式显示。原样显示文本标记其格式为： <pre>文本文本</pre> 文本 <pre>…</pre>中不能包含<img>、<big>、、、 等标记。

计算机制作网页

设置网页背景和文字的颜色 <body>标记的格式为： <body bgcolor="色彩值" background="图像文件名" bgproperties="fixed" text="色彩值 link="色彩值 vlink="色彩值色彩值" 色彩值" 色彩值" 色彩值色彩值色彩值 alink="色彩值 leftmargin="像素值 topmargin="像素值色彩值" 像素值" 像素值"> 色彩值像素值像素值网页的内容</body> 网页的内容 bgcolor:设置网页的背景色。 text:设置非可链接文字的色彩。 link:设置尚未被访问过的超文本链接的色彩，默认为蓝色。 alink:设置超文本链接在被

访问瞬间的色彩，默认为蓝色。 vlink:设置已被访问过的超文本链接的色彩，默认为紫红色。 background:设置网页的背景图像，bgproperties="fixed"可使背景图像固定。 leftmargin:设置页面左边的空白，单位为像素值。 topmargin:设置页面上方的空白，单位为像素值

本文来源：https://www.bwwdw.com/article/hn41.html

相关文章：

正在阅读：

网络结构语言XHTML06-05

世纪之争——关于百回本《西游记》作者研究回顾及我见06-18

浙江电网110kV及以下系统继电保护技术应用规范007061405-25

智能电网的发展现状及前景06-29

11秋天的雨吴玉华10-10

农商银行领导班子述职述廉报告04-20

青岛海事局2009年度工作人员考核结果公示09-17

减轻分娩恐惧心理的方法有哪些05-20

农村校园里飞出了金凤凰03-08

试论地域文化在室内装潢设计运用11-14

上一篇：饮用水水源保护区污染防治管理规定下一篇：移动多媒体发展之我见