HTML5中的元素有哪些？_随笔

（1）与结构相关的元素1）section元素。

表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它与h1、h2…等元素结合起来使用标示文档结构。

..2）article元素。

表示页面中的一块与上下文不相关的独立内容，例如博客的一篇文章。

..3）aside元素。

表示article元素之外的、与article元素内容相关的辅助信息。

..4）header元素。

表示页面中的一个内容区块或整个页面的标题。

..5）hgroup元素。

用于对整个页面或页面中的一个内容去快的标题进行组合。

..6）footer元素。

表示整个页面或页面中的一个内容区块的标注。

..7）nav元素。

表示页面中的导航的链接部分。

..8）figure元素

最外层html双标签，里面分别是头部(head双标签)、身体(body双标签)。

头部html用来包裹整个html文档

head一般用来放诸如meta、link、script等标签。

body用来放各种常用的标签(div,h1-h6,a,p,header,section,script等)。

简树如下:(html5规范)

<!DOCTYPE html>

<head>

</head>

<body>

<div>我是你的啥</div>

</body>

</html>

①HTML5出现了很多代表新的语义的标签，就想说的hgroup、section、aside、figure等等。

②如果了解布局方式从以前的“table表格布局”到现在注重语义化的布局的转变，就不会奇怪为什么对多出怎么多看上去有点啰嗦的新标签了。

简单点说，用div也可以实现像aside等标签的功能，但div这个标签创作出来时，目的很简单，就是创建一个分区(division)，而如果用div来实现其他功能，就违背了它原来的语义了，这不利于代码的可读性、搜索引擎优化等。

③举点例子：

hgroup元素，语义就是组合网页或区段的标题，修改hgroup样式后，被他包围的h1、h4之类的标题元素就会同时继承他设置的样式。

section、aside：分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。

比起在HTML5以前的版本，这些标签都是对页面更细致的设置。HTML5使以前用一个像div那样的元素来实现多种作用而导致其语义模糊的情况少了很多。

欢迎分享，转载请注明来源：内存溢出

HTML5中的元素有哪些？