在 XHTML 中，首页（或主页）通常是网站的入口点，包含有关网站的基本信息和导航链接。以下是一个简单的 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" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="description" content="Welcome to My Website" />
  <meta name="keywords" content="XHTML, Homepage, Welcome" />
  <meta name="author" content="Your Name" />
  <title>Welcome to My Website</title>
</head>
<body>
  <header>
    <h1>Welcome to My Website</h1>
  </header>

  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About Us</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>

  <section>
    <h2>About Us</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit....</p>
  </section>

  <section>
    <h2>Our Services</h2>
    <ul>
      <li>Service 1</li>
      <li>Service 2</li>
      <li>Service 3</li>
    </ul>
  </section>

  <footer>
    <p>&copy; 2023 My Website. All rights reserved.</p>
  </footer>
</body>
</html>

解释一下这个 XHTML 首页的结构：

  •  <head> 部分包含了页面的元信息，如字符集、关键词、描述和作者等。

  
  •  <body> 部分包含了页面的主要内容，包括头部（<header>）、导航栏（<nav>）、内容区域（<section>）和页脚（<footer>）。


  •  页面中使用了标题标签 <h1> 和 <h2> 来定义页面的主标题和子标题。


  •  导航栏使用了无序列表 <ul> 和列表项 <li>，每个列表项包含一个超链接 <a>，指向其他页面。


  •  页面的底部包含了一个简单的页脚，显示版权信息。


请注意，这只是一个简单的示例，你可以根据你的需求和设计风格进行调整和扩展。同时，确保你的 XHTML 文档是符合规范的，可以使用 W3C 提供的验证工具进行验证。


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