HTML5引入element
HTML5 引入了新的元素，这些元素不仅提供了更好的语义，还有助于改善搜索引擎优化（SEO）和屏幕阅读器的访问。
以下是一些常见的HTML5新元素：
<header>- 表示页面或页面中一个区块的头部区域。<nav>- 表示页面中导航链接的部分。<section>- 表示文档中的一个区块，比如章节、头部或内容。<article>- 表示文档中独立的、完整的内容。<aside>- 表示与页面主内容少关的内容。<footer>- 表示页面或页面中一个区块的底部区域。
使用这些元素的例子：
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<header>
<h1>我的网站</h1>
<nav>
<ul>
<li><a href="/home">主页</a></li>
<li><a href="/about">关于</a></li>
<li><a href="/contact">联系</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>版权所有 © 2023 我的网站</p>
</footer>
</body>
</html>这段代码展示了如何在HTML5中使用这些新的语义元素来构建一个典型页面的结构。这有助于改善页面的可访问性和可读性，同时也有助于搜索引擎更好地理解页面内容。
评论已关闭