HTML5提供了许多语义化标签,可以用来创建具有结构和含义的文档。以下是一些常用的语义化标签及其用法:
<header>
<h3>网站标题</h3>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<section>
<h3>产品介绍</h3>
<p>这里是产品介绍的内容...</p>
</section>
<article>
<h3>新闻标题</h3>
<p>这里是新闻的内容...</p>
<p>作者:张三</p>
<p>发布日期:2021-01-01</p>
</article>
<aside>
<h3>热门文章</h3>
<ul>
<li><a href="#">文章1</a></li>
<li><a href="#">文章2</a></li>
<li><a href="#">文章3</a></li>
</ul>
</aside>
<footer>
<p>版权所有 © 2021 公司名称</p>
<p>联系方式:电话:1234567890 地址:XXXXX</p>
</footer>
除此之外,还有许多其他的语义化标签,如main、hgroup、time等,都可以用来创建具有结构和含义的文档。在使用这些标签时,应根据实际需要选择合适的标签,避免滥用和误用。