2.3 HTML5新增的常用标签

作者：System 时间：2024年08月08日分类：所有,html5 字数：1015

HTML5 引入了许多新的语义化标签，这些标签可以让开发者编写的代码更加清晰，有利于搜索引擎和其他相关技术的理解。

<header> - 定义页面或区段的头部。
<nav> - 定义导航链接。
<section> - 定义文档中的节。
<article> - 定义独立的、完整的相关内容。
<aside> - 定义内容之外的内容（比如侧边栏）。
<footer> - 定义页面或区段的底部。

示例代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <header>
        <h1>我的网站</h1>
        <nav>
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="/about">关于</a></li>
            </ul>
        </nav>
    </header>
 
    <section>
        <article>
            <header>
                <h2>文章标题</h2>
            </header>
            <p>这里是文章的内容...</p>
            <footer>
                <p>这里是文章的脚注...</p>
            </footer>
        </article>
    </section>
 
    <aside>
        <p>这是侧边栏内容</p>
    </aside>
 
    <footer>
        <p>版权所有 &copy; 2023</p>
    </footer>
</body>
</html>

在这个例子中，HTML5 的新标签被用来清晰地定义页面的不同区域。这有助于改善页面的可访问性和搜索引擎优化。

2.3 HTML5新增的常用标签

评论已关闭

推荐阅读