HTML5
1.HTML:超文本标记语言(超文本:视频.音频.超链接.图片…;标记语言:标签组合)
2.HTML5的简单介绍:
html5 是html4.0 升级版,HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本,更重要的是它制定了Web 应用开发的一系列标准,成为第一个将Web 做为应用开发平台的 HTML 语言.html5 是html4.0 升级版,HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本,更重要的是它制定了Web 应用开发的一系列标准,成为第一个将Web 做为应用开发平台的 HTML 语言
HTML5 定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一些Javascript API,如地 理定位、重力感应、硬件访问等,可以在浏览器内实现类原生应用,甚至结合 Canvas 我们可开发网页版游戏.
广义概念:HTML5代表浏览器端技术的一个发展阶段.在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括:HTML5,CSS3, Javascript,API 在内的一套技术组合.
语义化标签
1.<header></header>
表示页眉(头部)
2.<article></article>
文章
3.<aside></aside>
侧边栏
4.<footer></footer>
尾部
5.<nav></nav>
导航
6.<section></section>
表示区块
7.<figure></figure>
表示媒介内容分组
8.<mark></mark>
表示标记
9.<progress></progress>
进度条(value,max属性)
10.<time></time>
表示日期
表单元素
邮件:Email
文件:file
时间:data
时间:datatime
月份:month
星期:week
范围:range
颜色:color
手机号码:Tel
搜索框:search
表单属性
placeholder占位符
autofocus 获取焦点
multiple 多选
autocomplete 自动完成
novalidate 关闭验证
pattern 使用正则表达式进行验证
<input type="password" name="password" pattern="\d{2,6}"/>
required 必填项
多媒体
视频video
音频audio
controls:设置视频的播放控件
loop:设置视频循环播放
poster:添加视频初始图片显示
autoplay:设置自动加载播放
<video width="300" height="200" controls="controls" poster="../img/zyx5.jpg" loop="loop" autoplay="autoplay">
<source src="../shipin/沙漠骆驼.mp3"></source>
</video>
<audio controls="controls" loop="loop" autoplay="autoplay">
<source src="../shipin/沙漠骆驼.mp3" type=""></source>
</audio>