超文本标记语言(HTML)标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。每一个Web前端人员在学习之初都会学习HTML标签，今天千锋太原老师就给大家详细的介绍一下常用的HTML标签。

　　1、常用的HTML标签

　　article：页面上结构完整并且内容独立，例如一篇文章、报道、小说;

　　aside：用来转载非正文内容，对于主题内容的说明，例如广告、侧边栏;

　　section：定义文档中的节，例如小说中的一章;

　　header：定义文章的头部，通常是一些引导和导航信息;

　　footer：定义section或document的页脚;

　　nav：定义显示导航链接;

　　time：定义日期或者时间，或者两者;

　　main：规定文档的主要内容(不能出现一个以上的main元素);

　　figure：标签包含独立的媒体内容，图像、图标、照片等;

　　figcaption：标签定义figure的元素标题;

　　details：描述文档某个部分细节，而这个细节并不需要文档加载时就展示，而是可以折叠;

　　summary：默认显示的details元素的标题;

　　datalist：输入框提示列表(input的list属性值为datalist的id);

　　progress：进度条。max进度完成值，min定义当前值;

　　mark：标记需要突出显示的文本。

　　2、新增表单控件

　　email - 邮箱;tel - 电话;url - 网址;number - 数字(min,max,step数字间隔,value);range - 数字选择器(min,max,step数字间隔,value);search - 搜索框;color - 颜色选择器

　　date - 选取日、月、年;month - 选取月、年;week - 选取周和年;time - 选取时间(小时和分钟);datetime - 选取时间、⽇、⽉、年(UTC 时间)，date和time的组合。

　　3、新增表单属性

　　placeholder：输入框提示信息;autofocus：指定表单获取输入焦点;required：必填字段;pattern：正则验证;form：规定输入域所属的一个或多个表单(form属性所以用表单的id);formaction：重写表单的action属性;formmethod：重写表单的method属性;autocomplete：属性规定form或input域应该拥有自动完成功能。

　　4、新增的表单验证

　　novalidate：表单取消验证;formnovalidate：submit元素取消验证;setCustomValidity：自定义验证信息。

　　想了解HTML相关的技术，可以来千锋太原Web前端开发培训班，这里有专业的老师带你，高端潮流的课程让你学到企业所需的技术，还有更多前端学习资料供你参考。

上一篇

参加Web前端培训班都学些什么？

下一篇

千锋太原老师讲解规范的HTML页面应该包含什么内容