HTML5新标签
HTML5引入了许多新的语义化标签，这些标签提供了一种更结构化的方式来编写网页，使得网页更易于阅读和维护。以下是一些常见的HTML5新标签：
<header>- 定义页面或区段的头部；<nav>- 定义导航链接；<section>- 定义文档中的一个区段；<article>- 定义独立的、完整的相关内容；<aside>- 定义与页面主内容相关的侧边内容；<footer>- 定义页面或区段的底部；<main>- 定义文档的主要内容；<time>- 定义日期或时间；<mark>- 定义有标记的文本（通常是高亮显示）；<figure>- 定义媒体内容的分组以及它们的标题。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 New Tags Example</title>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Article Title</h2>
<time datetime="2023-01-01">January 1, 2023</time>
</header>
<p>This is an example of an article with its own header and time stamp...</p>
</article>
</section>
<aside>
<p>This is some side content that is related to the main content.</p>
</aside>
<footer>
<p>Copyright 2023 My Website</p>
</footer>
</body>
</html>在这个例子中，HTML5的新标签被用来更清晰地定义页面的不同部分。这有助于搜索引擎理解页面内容，增加网页的可访问性，并使得网页更容易被开发者和设计师维护。
评论已关闭