前台开发入门到实战：html5语义化标签

html5语义化标签

1.<article>

可以是页面任何独立的内容区域，比方文章/博客/新闻/故事/论坛帖子/评论等等任何独立的内容。

<article>    <header>        <h1>文章标题</h1>        <p>发布时间：<time pubdate='2019-05-06'>2019-05-06</time></p>        <p>作者：xxx</p>    </header>    <p>文章内容.........</p>    <p>文章内容.........</p></article>

2.<section>

定义文档中的节、区段，比方章节、页眉或者文章中的其余部分。比方我们对一篇文章进行分章节。

web前台开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停升级最新的教程和学习方法（详细的前台项目实战教学视频）<article>    <header>        <h1>文章标题</h1>        <p>发布时间：<time pubdate='2019-05-06'>2019-05-06</time></p>        <p>作者：xxx</p>    </header>    <section>        <h2>章节一的标题</h2>        <p>文章内容.........</p>    </section>    <section>        <h2>章节二的标题</h2>        <p>文章内容.........</p>    </section></article>

<section>应包含一组内容及其标题。假如内容没有标题，不推荐使用<section>。

3.<nav>

定义页面的导航区域。

<nav>    <a href='/a'>页面a</a>    <a href='/b'>页面b</a>    <a href='/c'>页面c</a></nav>

4.<aside>

定义页面主区域内容之外的内容（比方侧边栏）

5.<header>

形容文档头部区域，用于定义内容的详情展现，可以使用多个<header>。

6.<footer>

形容文档底部区域，通常包含文档作者，著作权，使用条款，联络信息等，可以使用多个<footer>，文档的大致结构可以分为

下面是更细致的语义化标签，也是更容易被忽略的标签。

7.<figure>和<figcaption>

<figure>定义独立的流内容（图像、图表、照片、代码等等）。
<figcaption>定义<figure>的标题，通常置于figure元素的第一个或者最后一个子元素
前台开发入门到实战：html块级元素和行级元素的区别和认识

自己是一个6年的前台工程师,希望本文对你有帮助！

这里推荐一下我的前台学习交流扣qun：731771211 ，里面都是学习前台的，假如你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前台学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到手机端HTML5的项目实战的学习资料都有整理，送给每一位前台小伙伴，每天分享技术

点击：加入