跳转到内容

XHTML/A Basic XHTML Document

25% developed
来自 Wikibooks,开放世界中的开放书籍

文件扩展名

[编辑 | 编辑源代码]

用户仍然可以使用标准的.html.htm扩展名,但现在用户可以使用以下扩展名

  • .xhtml
  • .xht
  • .html
  • .htm

您可以对所有 XHTML 标准使用其中任何一个。

XML声明

[编辑 | 编辑源代码]

最好用 XML 声明开始所有 XHTML 或任何 XML 应用程序。XML 声明明确地说明了我们将使用哪个版本的 XML 和哪个字符编码。例如,如果我们想要使用带有西欧字符编码的 XML 1.0,我们的 XML 声明可能看起来像这样

<?xml version="1.0" encoding="iso-8859-1"?>

请注意,如果没有声明 XML 声明,则该文档假定为使用 UTF-8 字符编码的 XML 1.0。

文档类型声明

[编辑 | 编辑源代码]

除非您的 XHTML 有文档类型声明,否则它将无效。文档类型声明实际上是 SGML 语句,它告诉浏览器您使用的是哪个版本的 XHTML。例如,要让 UA 知道我们希望我们的标记作为 XHTML 1.0 Strict 提供,我们只需输入以下内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

标签和元素

[编辑 | 编辑源代码]

XHTML 使用标签。标签是在小于号 (<) 和大于号 (>) 之间包含的文本片段。XHTML 中标签的一个示例是 <html> 标签,所有 XHTML 文档都包含在其中。在 XHTML 中,所有标签都应为小写。

标签由标签名称和属性组成。标签名称确定标签的类型,标签属性提供有关标签的更多信息。例如,在 <a> 标签(主要用于创建链接)中,href 属性用于指定这些链接的指向位置。指向 https://www.wikibooks.org 的超链接将写为 <a href="https://www.wikibooks.org/">

标签本身没什么用,除非它们是元素的一部分,或者是在开始标签和结束标签之间包含信息的标签。指向 https://www.wikibooks.org 的链接,其中包含文本“Wikibooks”,将写为 <a href="https://www.wikibooks.org/">Wikibooks</a>。结果为 Wikibooks。结束标签与开始标签相同,只是它以斜杠 (/) 开头,并且不重复属性。

元素可以嵌套。这意味着可以存在完全包含在另一个元素内的元素。一个例子是

<a href="https://www.wikibooks.org/"><span id="wikibooks">Wikibooks.org</span></a>

稍后您将了解 <span> 标签的作用。

示例文档

[编辑 | 编辑源代码]

正如我之前所说,文档以 <html> 标签开头。文档也以 </html> 结束。这两个标签以及它们之间的所有内容被称为 html 元素。必须将两个元素嵌套在 html 元素中:<head> 元素和 <body> 元素。当然,其他元素可以在这些元素内嵌套或子嵌套。

<head> 元素目前只是用来存放 <title> 元素。标题放在 <title> 开始和结束标签之间。因此,对于标题“Wikibooks”,<head> 元素的整体语法是

<head>
  <title>
    WikiBooks
  </title>
</head>

当然,这不能单独放在 .html 文件中,但将其转换为完整的 XHTML 文件并不需要太多工作。正如我已经说过的,您需要在整个内容周围放置一个 <html> 标签。但您还需要一个放置内容的地方。因此,有了 <body> 元素。<body> 元素放在 <html> 元素内。目前,我们只在 <body> 元素中放置文本。文本将在大多数浏览器中以 Times New Roman 12 点字号显示,并环绕屏幕。任何类型的空格都将显示为一个空格。因此,这是一个标题为“Wikibooks”,内容为“Wikibooks is a great website.”的示例 XHTML 文档。


 <?xml version="1.0" encoding="iso-8859-1"?>
 <!DOCTYPE html 
   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
     <title>
       Wikibooks
     </title>
   </head>
   <body>
     <p>
       Wikibooks is a great website.
     </p>
   </body>
 </html>

第一行是文档类型声明。这告诉浏览器文件是什么类型的文档。所有有效的 HTML 和 XHTML 文档都有文档类型声明。我们将使用 XHTML 1.0 Strict 文档类型声明。

华夏公益教科书