html5第一个标签,HTML5新增标签

简介

HTML的第五代版本HTML5(简称H5)&＃xff0c;相比较前一代版本有特别大的改进。HTML5增加了一些新特性&＃xff0c;赋予了Web端一些重要的能力&＃xff0c;比如新增了audio video用于处理网页音视频&＃xff0c;新增canvas用于网页绘图&＃xff0c;新增geolocation API用于定位&＃xff0c;新增localStorage sessionStorage存储等。

HTML5标准文档使用声明

HTML5语义结构标签

HTML5的新特性之一就是语义化标签&＃xff0c;语义化标签让HTML文档结构显得更加清晰规范。

标签&＃xff1a;用于定义导航。

标签&＃xff1a;用于定义文章。

标签&＃xff1a;用于定义文章的每一小节。

标签&＃xff1a;用于定义文档的侧边栏。

标签&＃xff1a;用于定义文档的页尾。

img

HTML5新增的语义标签我们可以看作一个容器&＃xff0c;正如我们之前写的

其它常用标签

标签&＃xff1a;定义已知最大和最小值的度量。

标签&＃xff1a;使文本其脱离其父元素的文本方向设置。

标签&＃xff1a;定义任务的进度。

标签&＃xff1a;定义日期或时间。

标签&＃xff1a;定义对话框。

HTML5表单

相对于HTML4&＃xff0c;HTML5的表单标签页有很大的改进。比如新增的type属性&＃xff0c;提示词&＃xff0c;自动验证

type属性&＃xff1a;color date datetime datetime-local email month number rang search tel time url week

placeholder&＃xff1a;该数性可以设置一个字符串类型的提示词

required&＃xff1a;设置该属性会要求该字段必须有值

pattern&＃xff1a;设置验证输入字段的模式

autocomplete&＃xff1a;该属性开启自动完成功能

autofocus&＃xff1a;自动获得焦点

HTML5兼容情况

主流的浏览器Safari Chrome FireFox Opera Edge对HTML5的新特性均有比较好的兼容&＃xff0c;IE8以下的IE浏览器对HTML5没什么支持

IE9 以下版本浏览器兼容HTML5的方法

载入后&＃xff0c;初始化新标签的CSS&＃xff1a;

article,aside,dialog,footer,header,section,nav,figure,menu{display:block}