一个简单的标准 HTML 设计参考
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
</head>
<body>
<header>
<h1>我的网页</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>欢迎来到我的网页</h2>
<p>这是一个简单的 HTML5 网页设计。</p>
<img src="https://picsum.photos/200" alt="随机图片">
</section>
<section>
<h2>我们的服务</h2>
<ul>
<li>服务项目 1</li>
<li>服务项目 2</li>
<li>服务项目 3</li>
</ul>
</section>
</main>
<footer>
<p>© 2023 我的网页</p>
</footer>
</body>
</html>
这个 HTML 参考代码包括以下标准 HTML 特性：
- <!DOCTYPE html>：HTML5 的文档类型声明，指定文档使用 HTML5 标准。
- <html>：HTML 文档的根元素。
- <head>：包含文档的元数据，如字符集、视口和标题等。
- <meta>：用于指定文档的元数据，如字符集和视口等。
- <title>：定义文档的标题，将显示在浏览器标签页上。
- <header>：定义文档的头部，包括网站的标题和导航栏。
- <nav>：定义导航栏。
- <ul> 和 <li>：定义无序列表和列表项。
- <main>：定义文档的主要内容区域。
- <section>：定义文档的区域。
- <h1> 到 <h6>：定义标题级别，h1 为最高级别。
- <p>：定义段落。
- <img>：定义图像。
- <footer>：定义文档的底部，包括版权和其他信息。