HTML5新增
HTML5 在原有的基础上增加了许多新的元素和属性,以下是一些常用的新元素:
section
- 定义文档中的一个区块或节。article
- 定义独立的内容。aside
- 定义内容之外的内容(如侧边栏)。header
- 定义文档的头部区域。hgroup
- 将对标题的一个或多个分组。footer
- 定义文档或节的页脚。nav
- 定义导航链接。figure
- 定义一组媒体内容以及它们的标题。main
- 定义文档的主要内容。
以下是一个简单的HTML5页面结构示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Example</title>
</head>
<body>
<header>
<hgroup>
<h1>网站标题</h1>
<h2>网站副标题</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h1>文章标题</h1>
</header>
<p>这里是文章内容...</p>
<footer>
<ul>
<li>标签1</li>
<li>标签2</li>
</ul>
</footer>
</article>
</section>
<aside>
<p>这是侧边栏内容</p>
</aside>
<footer>
<p>版权信息</p>
</footer>
</body>
</html>
这个示例展示了如何使用HTML5中的一些新元素来构建一个典型的网页结构。这有助于提高代码的可读性和可维护性,同时也有助于搜索引擎的索引排名。
评论已关闭