XHTML基础与框架型Frameset详解

需积分: 43 3 下载量 201 浏览量 更新于2024-08-22 收藏 911KB PPT 举报
"网页制作基础知识,特别是关于框架型Frameset在XHTML中的应用" 在网页制作中,框架型Frameset是一种特殊的设计技术,主要用于构建多窗口的网页布局。它允许网页被分割成多个独立的区域,每个区域可以加载不同的网页内容。这种技术在XHTML 1.0规范中被定义,并通过`<frameset>`标签来实现。 `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">` 是一个声明,指定了文档类型为XHTML 1.0 Frameset DTD,确保浏览器按照特定的规则解析包含框架的页面。 XHTML(Extensible HyperText Markup Language)是HTML的升级版,强调严格的语法和XML的结构化特性。与HTML相比,XHTML更加严谨,要求所有标签都正确闭合,这有助于提高页面的可读性和兼容性。 在XHTML中,框架的使用通常涉及到以下几个关键标签: 1. `<frameset>`:这是框架集的主要容器,用于定义页面中框架的布局。你可以通过`rows`和`cols`属性指定框架的行数或列数及其大小。 2. `<frame>`:这个标签定义了每个框架,每个`<frame>`标签对应页面的一个独立区域。通过`src`属性,可以指定框架加载的网页URL。 例如,一个简单的两列框架布局可能如下所示: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>框架示例</title> </head> <frameset rows="50%, 50%"> <frame src="left.html" name="leftFrame"> <frame src="right.html" name="rightFrame"> </frameset> </html> ``` 在这个例子中,页面被分为两个相等高度的框架,`left.html`将在左边显示,`right.html`将在右边显示。 然而,框架有一些局限性,比如它们对搜索引擎的友好度较低,因为搜索引擎爬虫可能无法正确解析框架内的内容。此外,部分浏览器的用户可能会禁用框架功能,这可能导致部分用户无法正常浏览页面。 XHTML的其他基本元素包括`<body>`、`<p>`(段落)、`<img>`(图像)、`<a>`(链接)、`<table>`(表格)、`<form>`(表单)和多媒体元素等,这些都是构建网页内容的基础。每个元素都有其特定的用途和属性,用于控制显示效果和交互行为。 HTML文件的基本结构始终包含`<html>`、`<head>`和`<body>`标签。`<head>`标签内的`<title>`定义页面标题,而`<body>`标签则包含实际的网页内容。HTML文档的扩展名通常是`.html`或`.htm`。 理解并熟练掌握框架型Frameset以及XHTML的基础知识,对于网页制作和前端开发至关重要,能够帮助创建更复杂、更动态的网页布局。