H5初相识

一、h5初相识

H5并不是新的语言，而是HTML语言的第五次重大修改。

所有的主流浏览器都支持h5（谷歌，火狐，Safari）,IE9及以上版本支持H5（有选择性的支持）,但是IE8及以下不支持h5。

二、新语义标签

name 作用
nav 表示导航
header 表示页眉
footer 表示页脚
main 表示文档主要内容
article 文章
aside 主题内容

ie9默认的将所有的语义标签解析为行级元素，因此在需要的时候要转成块级元素。

IE8不支持H5语法，因为它无法识别语义标签。但是可以手动创建标签之后，将标签设置为块级元素。

2.1 IE8识别语义标签

2.1.1 方式一：手动添加标签

1. script标签中

   document.createElement(‘header’);

2. html样式中

   header{
   display:block;//ie8默认是语义标签的行级元素
   width:100%;
   height:80px;
   background-color:red;
   }

2.1.2 引入第三方库

html5shiv.min.js

三、表单新增属性

placeholder:提示文本，文本占位

autofocus:自动获取焦点

autocomplete:自动提示功能，on:打开，off:关闭

• 必须有submit功能，并且成功提交过表单。提交之后才会有记录；
• 当前添加autocomplete 的元素必须要有name 属