HTML5新内容

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();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值