html5教程

作者：自然ㄣ之光发布日期:2025-06-09 浏览:142

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 示例</title>
</head>
<body>
    <header>
        <h1>欢迎来到 HTML5 教程</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#section1">部分 1</a></li>
            <li><a href="#section2">部分 2</a></li>
            <li><a href="#section3">部分 3</a></li>
        </ul>
    </nav>
    <article>
        <section id="section1">
            <h2>部分 1</h2>
            <p>这是 HTML5 中的第 1 部分。</p>
        </section>
        <section id="section2">
            <h2>部分 2</h2>
            <p>这是 HTML5 中的第 2 部分。</p>
        </section>
        <section id="section3">
            <h2>部分 3</h2>
            <p>这是 HTML5 中的第 3 部分。</p>
        </section>
    </article>
    <footer>
        <p>&copy; 2023 HTML5 教程</p>
    </footer>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html>: 根元素，表示整个 HTML 文档。
<head>: 包含元数据（如标题、样式表链接等）。
<title>: 设置网页的标题，显示在浏览器标签上。
<body>: 包含网页的主要内容。
<header>: 定义页面或部分的页眉，通常包含标题和导航链接。
<nav>: 定义导航链接的部分。
<article>: 表示一个独立的内容块，可以独立于其他内容存在。
<section>: 表示文档中的一个部分，通常与标题一起使用。
<footer>: 定义页面或部分的页脚，通常包含版权信息。

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

上一篇：html a标签打开新窗口

下一篇：html5qrcode