html5新增标签都有哪些

我记得有一次，我正在做一个网页设计项目，客户要求在页面上嵌入一个简单的图表来显示数据。
当时我还在使用旧版本的HTML，并没有使用HTML5 的新标签。
我尝试使用JavaScript绘制图表，但性能并不理想，页面加载速度慢很多。
然后我学习了 HTML5 的 canvas 标签并使用相同的数据重新创建了图表。
不仅性能好很多，而且页面加载速度也快很多。
那是2 01 3 年，我在北京的一个小工作室里花了两天左右的时间，从零开始，一步步学习如何使用HTML5 canvas标签来创建图表。
等等，还有别的事。
我突然想到，如果我知道HTML5 的其他新标签，例如article或section，我的页面结构设计可能会更清晰。

html5新增和废除的标签有哪些？

嘿，2 02 2 年我在某个城市。
当时我正在设计一个网站，对 HTML 标签非常困惑，尤其是新的结构标签。
我当时只是很困惑。

首先是section元素，哦，这个东西就像是一个页面内容块，就像章节、页眉、页脚或者页面的其他部分。
当与h1 和h2 等标题标签一起使用时，文档的结构会立即清晰。
在HTML5 中，直接使用
...
，而在HTML4 中则使用
...
。
我不明白为什么HTML5 要这样设计。

所以，article元素就像是页面上的一个独立的内容。
它独立于什么？独立是指与上下文无关，例如一篇文章，可以单独阅读。

我们来谈谈横向元素。
这是除了文章元素内容之外，与文章内容相关的辅助信息，比如侧边栏，插入一些相关的链接或者广告。

标题元素，这个东西就是页面中一块内容或者整个页面的标题。
这是非常重要的，一定要设计好。

hgroup 元素用于组合整个页面或页面上的内容块的标题。
看起来有点复杂，需要仔细研究。

footer 元素是整个页面或页面内容块的脚注。
它通常包含创建者的姓名、创建日期和创建者的联系信息，相当方便。
nav元素，不用说，就是页面的导航链接部分。
导航必须以方便用户导航的方式进行。

最后，figure元素this，代表流程内容的一个独立部分，就像文档主要流程内容中的一个独立单元一样。
使用figcaption元素添加标题，看起来会更专业。

当时我很困惑，但后来我意识到，如果这些标签使用正确，网站的结构就会清晰，用户体验就会好，创建网站也会变得不那么复杂。
也许我有点偏见，但我当时就是这么想的。

【Html5+CSS3 】2.3 新增的非主体 结构元素

页眉位于页面顶部，用于导航标题。
页脚位于页面底部，包含版权联系信息。
我们使用地址中指定的联系信息电子邮件和电话地址。
hgroup 组标题；一般不使用。
称一下体重。