以下是一个简单的 XHTML 实例,演示了一个包含标题、段落、链接和图像的基本网页结构:
<!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">

<head>
  <title>XHTML Example</title>
</head>

<body>

  <h1>Main Heading</h1>

  <p>This is a simple XHTML example.</p>

  <p>
    Visit our website:
    <a href="https://www.example.com">Example.com</a>
  </p>

  <p>
    <img src="example.jpg" alt="Example Image" />
  </p>

</body>

</html>

让我们逐步解释这个实例:

1. 文档类型声明(DOCTYPE):
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   指定了文档类型和版本,告诉浏览器采用 XHTML 1.0 Strict 规范。

2. 根元素 <html>:
   <html xmlns="http://www.w3.org/1999/xhtml">
   标识文档的根元素,包含 XML 命名空间声明。

3. <head> 元素:
   <head>
     <title>XHTML Example</title>
   </head>
   包含了文档的元信息,这里设置了文档标题。

4. <body> 元素:
   <body>
     <h1>Main Heading</h1>
     <p>This is a simple XHTML example.</p>
     <p>
       Visit our website:
       <a href="https://www.example.com">Example.com</a>
     </p>
     <p>
       <img src="example.jpg" alt="Example Image" />
     </p>
   </body>
   包含了文档的主要内容,包括标题、段落、链接和图像。

在这个实例中,标签都严格按照规范嵌套和闭合,属性使用正确,符合 XHTML 的语法规则。这是一个简单的 XHTML 文档,你可以通过浏览器来查看它的呈现效果。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3617/XHTML