一、header元素
- <header> 标签支持 HTML 的全局属性和 HTML 的事件属性。
- <header> 标签表示介绍性的内容,可以让您了解页面涉及的内容,具有导航性。
- <header> 标签可包含标题元素或其他元素,在一个文档中可以定义多个 <header> 元素。
- <header> 标签定义文档或文档的一部分区域的页眉,应作介绍内容或导航链接栏的容器 。
<header>
<h1>秋天的味道</h1>
<h3>你想不想知道秋天的味道?它是甜、是苦、是涩……</h3>
</header>
二、nav元素
- <nav> 标签支持 HTML 的全局属性和 HTML 的事件属性。
- <nav> 标签定义导航链接的部分。
- <nav> 元素只是作为标注一个导航链接的区域。
<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元素
- <section> 标签支持 HTML 的全局属性和 HTML 的事件属性。
- <section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
<section>
<h2>评论</h2>
<article>
<h3>评论者:A</h3>
<p>小张真的很美</p>
</article>
</section>
四、article元素
- <article> 标签支持 HTML 的全局属性和 HTML 的事件属性。
- <article> 标签定义独立的内容。
- <article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
<article>
<h1>世界杯半决赛将播放2首中文歌</h1>
<p>在2022卡塔尔世界杯半决赛中,阿根廷将在14日3点对战克罗地亚,法国将在15日3点对战摩洛哥。此外,世界杯官方宣布,《孤勇者》、《相信》两首中文歌曲将在半决赛现场播放。你还想在世界杯现场听到哪首歌?</p>
</article>
五、综合使用
<article>
<header>
<h2>小张的个人介绍</h2>
</header>
<p>小张是一个好学生,是一个美女……</p>
<section>
<h2>评论</h2>
<article>
<h3>评论者:A</h3>
<p>小张真的很美</p>
</article>
</section>
<section>
<h2>评论</h2>
<article>
<h3>评论者:B</h3>
<p>小张真的很漂亮</p>
</article>
</section>
</article>
名言:
飞不动就跑,跑不动就走,走不动就爬。