html5标签

作者：索伦之刃发布日期:2026-03-09 浏览:28

<!DOCTYPE html>
<html>
<head>
    <title>HTML5标签示例</title>
</head>
<body>
    <!-- 标题标签 -->
    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>

    <!-- 段落标签 -->
    <p>这是一个段落。HTML5 引入了许多新的语义化标签，使得网页结构更加清晰。</p>

    <!-- 文章标签 -->
    <article>
        <h2>文章标题</h2>
        <p>这是文章的内容。使用<article>标签可以定义独立的内容部分。</p>
    </article>

    <!-- 侧边栏标签 -->
    <aside>
        <h3>相关链接</h3>
        <ul>
            <li><a href="#">链接1</a></li>
            <li><a href="#">链接2</a></li>
        </ul>
    </aside>

    <!-- 导航标签 -->
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>

    <!-- 脚注标签 -->
    <footer>
        <p>版权所有 © 2023</p>
    </footer>
</body>
</html>

解释说明：

<h1> 到 <h6>：定义不同级别的标题，<h1> 是最高级别。
<p>：定义段落。
<article>：定义独立的内容部分，通常用于博客文章、新闻等独立内容。
<aside>：定义页面的侧边栏或与主要内容相关的辅助信息。
<nav>：定义导航链接的部分，通常用于网站的导航菜单。
<footer>：定义页面的脚注部分，通常包含版权信息等。

这些标签是 HTML5 中新增的语义化标签，有助于提高网页的可读性和搜索引擎优化（SEO）。

上一篇：html class

下一篇：html 空格符