html5新增标签

作者：爱我者我必爱* 发布日期:2025-04-17 浏览:88

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 新增标签示例</title>
</head>
<body>
    <!-- article 标签用于定义文章内容 -->
    <article>
        <h1>HTML5 新增标签介绍</h1>
        <p>这是一个使用 HTML5 新增标签的文章示例。</p>
    </article>

    <!-- section 标签用于定义文档中的节（section） -->
    <section>
        <h2>Section 示例</h2>
        <p>这是文档中的一个部分。</p>
    </section>

    <!-- nav 标签用于定义导航链接的部分 -->
    <nav>
        <ul>
            <li><a href="#home">首页</a></li>
            <li><a href="#about">关于我们</a></li>
            <li><a href="#contact">联系我们</a></li>
        </ul>
    </nav>

    <!-- aside 标签用于定义页面的侧边栏内容 -->
    <aside>
        <h3>相关链接</h3>
        <ul>
            <li><a href="https://developer.mozilla.org">MDN Web Docs</a></li>
            <li><a href="https://www.w3schools.com">W3Schools</a></li>
        </ul>
    </aside>

    <!-- footer 标签用于定义文档或节的页脚 -->
    <footer>
        <p>&copy; 2023 HTML5 新增标签示例</p>
    </footer>
</body>
</html>

解释说明：

<article>：用于定义独立的内容块，如博客文章、新闻故事或评论。
<section>：用于定义文档中的节，通常包含标题和内容。
<nav>：用于定义导航链接的部分，通常包含网站的主要导航菜单。
<aside>：用于定义页面的侧边栏内容，通常是与主内容相关的补充信息。
<footer>：用于定义文档或节的页脚，通常包含版权信息、联系信息等。

这些标签是 HTML5 中新增的语义化标签，有助于提高网页的结构化和可读性。

上一篇：html 引入css

下一篇：html日期选择框年月日