html5源码

作者：ˉ吻干迩的'泪发布日期:2025-09-19 浏览:104

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 示例</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <header>
        <h1>欢迎来到我的网站</h1>
        <nav>
            <ul>
                <li><a href="#home">首页</a></li>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </nav>
    </header>

    <section id="home">
        <h2>首页</h2>
        <p>这是网站首页的内容。</p>
    </section>

    <section id="about">
        <h2>关于我们</h2>
        <p>这是关于我们的内容。</p>
    </section>

    <section id="contact">
        <h2>联系我们</h2>
        <p>这是联系我们的内容。</p>
    </section>

    <footer>
        <p>&copy; 2023 我的网站</p>
    </footer>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html>: 根元素，表示整个 HTML 文档。
<head>: 包含元数据（如字符集、视口设置和标题）。
<meta charset="UTF-8">: 设置文档的字符编码为 UTF-8，确保正确显示各种语言字符。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 设置视口宽度等于设备宽度，并禁用缩放功能，以适应移动设备。
<title>: 设置网页标题，显示在浏览器标签上。
<body>: 包含网页的主要内容。
<header>: 定义页面或部分的页眉，通常包含导航链接。
<nav>: 定义导航链接部分。
<section>: 定义文档中的一个区域，每个 <section> 应该有一个标题。
<footer>: 定义页面或部分的页脚，通常包含版权信息。

上一篇：html5制作简单的网页

下一篇：html 引入css