html 5

作者：故事没有她发布日期:2025-11-01 浏览:42

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 示例</title>
</head>
<body>
    <header>
        <h1>欢迎来到我的 HTML5 网站</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#home">首页</a></li>
            <li><a href="#about">关于我们</a></li>
            <li><a href="#contact">联系我们</a></li>
        </ul>
    </nav>
    <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>版权所有 © 2023</p>
    </footer>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html>: 根元素，表示整个 HTML 文档的开始和结束。
<head>: 包含文档的元数据，如标题、字符集声明等。
<title>: 设置网页的标题，显示在浏览器标签上。
<body>: 包含网页的主要内容。
<header>: 定义页面或部分的页眉。
<nav>: 定义导航链接的部分。
<section>: 定义文档中的节（section），每个节通常有一个标题。
<footer>: 定义页面或部分的页脚。

这个示例展示了如何使用 HTML5 的语义化标签来构建一个简单的网页结构。

上一篇：html元素

下一篇：htm和html