襄阳网站建设八零后,网站素材类型,建设银行网站重置密码,安卓编程HTML5 第一天
一、什么是 HTML5
HTML5 的概念与定义
定义#xff1a;HTML5 定义了 HTML 标准的最新版本#xff0c;是对 HTML 的第五次重大修改#xff0c;号称下一代的 HTML两个概念#xff1a; 是一个新版本的 HTML 语言#xff0c;定义了新的标签、特性和属性拥有一…HTML5 第一天
一、什么是 HTML5
HTML5 的概念与定义
定义HTML5 定义了 HTML 标准的最新版本是对 HTML 的第五次重大修改号称下一代的 HTML两个概念 是一个新版本的 HTML 语言定义了新的标签、特性和属性拥有一个强大的技术集这些技术集是指 HTML5 、CSS3 、javascript, 这也是广义上的 HTML5
HTML5 拓展了哪些内容
语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成 HTML5 的现状 绝对多数新的属性都已经被浏览器所支持最新版本的浏览器已经开始陆续支持最新的特性 总的来说HTML5 已经是大势所趋
二、HTML5 新增标签 什么是语义化 新增了那些语义化标签 header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签 使用语义化标签的注意
- 语义化标签主要针对搜索引擎
- 新标签可以使用一次或者多次
- 在 IE9 浏览器中需要把语义化标签都转换为块级元素
- 语义化标签在移动端支持比较友好
- 另外HTML5 新增的了很多的语义化标签随着课程深入还会学习到其他的三、多媒体音频标签
多媒体标签有两个分别是
音频 – audio视频 – video
audio 标签说明
可以在不使用标签的情况下也能够原生的支持音频格式文件的播放但是播放格式是有限的 audio 支持的音频格式 audio 目前支持三种格式 audio 的参数
5、audio 代码演示
body!-- 注意在 chrome 浏览器中已经禁用了 autoplay 属性 --!-- audio src./media/snow.mp3 controls autoplay/audio --!-- 因为不同浏览器支持不同的格式所以我们采取的方案是这个音频准备多个文件--audio controlssource src./media/snow.mp3 typeaudio/mpeg //audio
/body四、多媒体视频标签 video 视频标签 目前支持三种格式 语法格式 video src./media/video.mp4 controlscontrols/videovideo 参数 video 代码演示 body!-- video src./media/video.mp4 controlscontrols/video --!-- 谷歌浏览器禁用了自动播放功能如果想自动播放需要添加 muted 属性 --video controlscontrols autoplay muted loop poster./media/pig.jpgsource src./media/video.mp4 typevideo/mp4source src./media/video.ogg typevideo/ogg/video
/body多媒体标签总结
音频标签与视频标签使用基本一致多媒体标签在不同浏览器下情况不同存在兼容性问题谷歌浏览器把音频和视频标签的自动播放都禁止了谷歌浏览器中视频添加 muted 标签可以自己播放注意重点记住使用方法以及自动播放即可其他属性可以在使用时查找对应的手册
五、新增 input 标签 六、新增表单属性
