HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。
HTML的特性
html5是html的5版本,并不是新的语言。
这里要注意的是HTML5在IE9及以下是不支持的。所以在IE9以下的浏览器使用时可以引用插件:js/html5shiv.js。
html5改变了用户与文档的交互方式:多媒体,video,audio,canvas。摒弃了之前使用的falsh。
增加的新特性:语义特性,本地存储特性,网页多媒体等。
新增的语义化标签
//这里添加了许多新的html标签
头部标签:<header></header>
导航:<nav></nav>
具体内容<section></section>
侧边栏:<aside></aside>
底部:<footer></footer>
等等…………
新增表单属性
//html5添加了许多input的type属性:
//标签
<input type="email">//可以对输入邮箱内容进行简单的验证
<input type="tle">//在pc端与text没什么不同,主要应用在移动端,在移动端可以打开数字键盘从而限制用户输入
<input type="url">//可以进行简单的合法网址的输入
<input type="number">//只能输入数字
<input type="search">
<input type="range">//范围条
<input type="time">//日期
//input新增属性
placeholder:提示文本
autofocus:自动获取input框的焦点
autocompleta = "on/off":自动提示功能
required:点击提交按钮是会判断内容是否为空,为空则提示
pattern:正则表达式验证(不用写 /^$/)
音频视频
音频和视频都是行内块元素
音频:<audio src=""></audio>
视频:<video src=""></video>
属性:src:文件路径 controls:音频控件 autoplay:自动播放
muted:静音 loop:循环播放
方法:play():播放 pause():暂停
事件:onplay():播放 onpause():暂停
自定义属性
html5规定自定义属性以 data-开头,全部小写,不要有特殊符号,不用纯数字。
<p data-school-name = "a">这是一个p</p>
//获取自定义属性:采用驼峰式获取
dataset[schoolName]
全屏操作
//不同的浏览器要添加不同的前缀
chrome,safari:div.webkitRequestFullScreen();
firefox:div.mozRequestFullScreen();
IE:div.msRequestFullScreen();
opera:div.oRequestFullScreen();