按照不同的作用可以做以下分类：
1.根元素：html
顶级元素，其他元素都是他的后代。
2.文档元数据：head，title，base，link，meta，style
定义页面的信息，比如标题、样式、字符编码等，这些信息可以帮助浏览器和搜索引擎更好的渲染和应用页面。
3.内容分区：body、article、section、nav、aside、（h1，h2，h3，h4，h5，h6）、header、footer
将文档内容从逻辑上进行划分，创建出页面的大纲，以便区分各个章节的内容。
4.分组内容：p、address、hr、pre、blockquote、main、div、ol、ul、li、dl、dt、dd、figure、figcaption
组织块或者章节的内容，标识内容的终止或者结构，对于可访问性和seo很重要。
5.文本级语义：a、span、em、strong、cite、q、br、i、b、u、code、small、s、sub，sup
定义文档中语句、结构，可以是一个词，一个语句。
6.嵌入内容：picture、source、img、iframe、embed、object、param、video、audio、track、map、area、template、canvas
支持各种多媒体资源，比如图像、音频、视频、画布还有flash、广告等信息的嵌入。
7.表格：table、caption、colgroup、col、tbody、thead、tfoot、tr、td、th
创建和处理表格数据。
8.表单：form、label、input、button、select、datalist、optgroup、option、textarea、output、progress、meter、fieldset、legend
创建用户填写并提交到服务器的表单。
9.脚本：script、noscript
script定义内嵌或者外链的脚本，可创建动态内容，noscript定义 当前页面的脚本类型不受支持，或者当前的浏览器关闭了脚本的情况下显示的内容。
10.交互：details、summary、dialog
目前没有完全支持，有助于创建交互式用户界面对象。
11.编辑：ins、del
标识某个文档被编辑更改过的部分。
网友评论