HTML5常⽤的结构化标签整理
⼀、语义化结构化标签
结构化标签优点：
1、⽅便浏览器处理和识别，提升了⽹页的质量和语义。
2、减少了⼤量⽆意义的div标签，增强代码的可读性。
html5标签区分大小写结构化标签：（header，nav，body，article，section，aside，hgroup,figure,figcaption,footer）<header>定义⽂档的页眉
<nav>定义导航链接的部分
<article>定义外部的内容，可以是⼀篇新的⽂章
<section>定义⽂档的节（section、区段）。⽐如章节、页眉、页脚或⽂档中的其他部分。
<aside>定义article以外的内容，aside的内容可⽤作⽂章的侧边栏
<figure>⽤于对元素进⾏组合，使⽤figcaption元素为元素组添加标题
<figcaption>定义figure元素的标题
<hgroup>⽤于对section或⽹页的标题进⾏组合，使⽤figcaption元素为元素添加标题
<time>定义⽇期或时间，或者两者。
<footer>定义section或⽂档的页脚
HTML5的⽂档结构
1<header>...</header>
2<nav>...</nav>
3<article>
4  <section> ... </section>
5</article>
6<aside>...</aside>
7<footer>...</footer>
HTML5的图⽚结构
1<figure id="fig2">
2<legend>Figure 2. Install Mozilla XForms dialog</legend>
3<img alt="A Web site is requesting permission to install the ollowing item: Mozilla XForms 0.7 Unsigned" src="installdialog.jpg"/>
4</figure>
  虽然这些标签都有固定的⽤意，但具体情况还要具体分析。标签的使⽤可以根据⾃⼰的需求做适当的调整！⼆、格式化⽂本标签
三、常⽤表格标签
四、常⽤列表标签

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。