【Web前端技术 02】深入探索HTML5:标签全解析与案例演示!
HTML5 引入了许多新的语义和功能性标签,以下是一些常见的 HTML5 标签及其用法的简单示例:
header
: 定义页面或区段的头部。
<header>
<h1>网站标题</h1>
<p>网站描述</p>
</header>
nav
: 定义导航链接。
<nav>
<ul>
<li><a href="/home">主页</a></li>
<li><a href="/about">关于</a></li>
</ul>
</nav>
section
: 定义文档中的一个区段。
<section>
<h2>区段标题</h2>
<p>区段内容。</p>
</section>
article
: 定义独立的内容。
<article>
<h2>文章标题</h2>
<p>这是一篇文章的内容。</p>
<footer>
<p>这是文章的脚注。</p>
</footer>
</article>
aside
: 定义与页面主内容相关的侧边内容。
<aside>
<p>这是侧边栏内容。</p>
</aside>
footer
: 定义区段或整个页面的底部。
<footer>
<p>版权信息</p>
</footer>
这些标签可以帮助开发者创建更加语义化和结构化的网页,有利于搜索引擎的爬取和页面的可访问性。在实际开发中,可以根据需要灵活使用这些标签,并确保它们与网站的设计和内容相匹配。
评论已关闭