HTML基础
语义化标签
重要程度:6 分
<div>
<h2>语义化标签</h2>
<p>语义化标签是指那些能够表达其内容含义的HTML标签,使得阅读代码的人能够快速理解页面结构。</p>
<h3>常用语义化标签</h3>
<ul>
<li><strong><header></strong>: 定义文档或节的页眉。</li>
<li><strong><nav></strong>: 定义导航链接的部分。</li>
<li><strong><main></strong>: 定义文档的主要内容。</li>
<li><strong><article></strong>: 定义独立的、自包含的内容。</li>
<li><strong><section></strong>: 定义文档中的节。</li>
<li><strong><aside></strong>: 定义页面内容之外的侧边栏内容。</li>
<li><strong><footer></strong>: 定义文档或节的页脚。</li>
</ul>
<h3>语义化标签示例</h3>
<pre>
<header>
<h1>网站标题</h1>
<p>副标题</p>
</header>
<nav>
<a href="#home">首页</a>
<a href="#services">服务</a>
<a href="#contact">联系我们</a>
</nav>
<main>
<article>
<h2>文章标题</h2>
<p>这是文章内容</p>
</article>
</main>
<footer>
<p>版权信息 © 2023</p>
</footer>
</pre>
</div>