HTML5基本标签
HTML5 引入了许多新的语义化标签,以下是一些基本的 HTML5 标签示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Example</title>
</head>
<body>
<!-- 页面头部 -->
<header>
<h1>我的网站标题</h1>
</header>
<!-- 导航菜单 -->
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">服务</a></li>
</ul>
</nav>
<!-- 主要内容 -->
<section>
<h2>主要内容标题</h2>
<p>这里是内容部分。</p>
</section>
<!-- 侧边栏 -->
<aside>
<h3>侧边栏标题</h3>
<p>这里是侧边栏内容。</p>
</aside>
<!-- 页面底部 -->
<footer>
<p>版权信息</p>
</footer>
</body>
</html>
这个示例展示了如何使用 HTML5 的新标签来构建一个基本的网页结构。通过使用这些语义化的标签,开发者可以创建更加清晰和有序的网页结构,有利于搜索引擎的爬取和页面内容的理解,也有助于提高代码的可维护性和可访问性。
评论已关闭