html5基本类，html5主要内容

介绍几个常用的HTML5标签

title标签：浏览器标签页显示的标题 meta标签：其常用属性 ①charset：设置文档的字符集编码格式。

progress代表进度条，表示任务过程，属性有max（任务总量）\value。datalist为Input标记定义一个下拉列表，配合option标签。其他 details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。summary 是details 元素的子元素，表示其综述或标题 。mark代表一段需要被高亮的引用文字。

footer：定义文档或区块的页脚，通常包含版权信息、联系方式等内容。figure：定义文档中的图像、图表、照片等单独的独立内容块。figcaption：用于figure元素的标题或说明，描述与之相关的内容。video：用于嵌入视频内容，支持通过多种格式（如MPWebM）进行视频播放。

aside 用来装载非正文类的内容。例如侧边栏等等。hgroup 标签用于对网页或区段的标题元素（h1-h6）进行组合。header 标签定义文档的页面组合，通常是一些引导和导航信息。footer 标签定义 section 或 document 的页脚。

details用于描述文档或文档某个部分的细节 dialog定义对话框，比如提示框 summary标签包含 details 元素的标题 figure规定独立的流内容（图像、图表、照片、代码等等）。figcaption定义 figure 元素的标题 footer定义 section 或 document 的页脚。

article标签表示文章；aside标签和article标签用法类似，只是表示内容会出现在侧边栏；figure标签表示一段自包含的内容——独立的流内容（图像、图标、照片、代码等）在开发当中，可以使用section和article标签替代过度的div标签，用这些标签来对页面进行内容划分。

相关问答

Q1: 简单了解一下什么是html5

1、XHTML 与 HTML 01 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准。W3C 将 XHTML 定义为最新的HTML版本。所有新的浏览器都支持 XHTML。 另外，W3C 与 WHATWG 合作创建一个新版本的 HTML，就是HTML5。

2、HTML5是指第5代HTML（超文本标记语言），也指用HTML5语言制作的一切数字产品。网上的网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

3、简单来说，HTML5（WEB前端）是“将设计图转换为用户查看的网页”所需要的技术。结构实现的是网页中的标题、列表、图片等标签。样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。

Q2: HTML5元素

（1）与结构相关的元素1）section元素。表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它与hh2…等元素结合起来使用标示文档结构。..2）article元素。表示页面中的一块与上下文不相关的独立内容，例如博客的一篇文章。..3）aside元素。

meter：表示特定范围内的数值，可用于工资、数量、百分比等。time：表示时间值。progress：用来表示进度条，可通过对其max、min、step等属性进行控制，完成对进度的表示和监事。video：视频元素，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式。

元数据---通常出现在页面的head中，设置页面其他部分的表现和行为，如script，style，title等 短语---文本和文本标记元素，如mark，kbd，sub，sup等 以上所有类型的元素都可以通过css来设定样式。HTML5定义类一组新的语义化标记来描述元素的内容。简化了HTML页面设计。

Q3: H5前端学习内容有哪些

1、一般来说，HTML5学习内容主要有以下三大板块：前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。JavaScript高级课程、PC端全栈项目开发。

2、基础 HTML、CSS 和 JavaScript 是必须掌握的，你还需要学习 React、Vue 或 Angular 等前端框架或库。但是，你应该选择哪一个？对于一个真正的全栈开发者，你可以在2020年选择这三个框架中的任何一个。

3、第一阶段：HTML+CSS：HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

html5基本类的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5主要内容、html5基本类的信息别忘了在本站进行查找喔。