Html5笔记

Html5笔记

H5新增的结构元素: —->块级 双标签 有语义化的标签

header 页眉 通常是一些引导和导航的信息

nav 导航

section 内容

aside 侧边栏

footer 页脚

Video 视频

Audio 音频

Canvas 画布

H5新增的全局属性

ContentEditable 是否允许编辑 ContentEditable = ‘true’

Hidden 规定对元素进行隐藏 hidden= ‘hidden’

Spellcheck 是否进行拼写或者检查 取值为布尔值

Tabindex 规定元素的tab键跌制次序 取值为数字

H5新增的input类型

类型	使用示例	含义
email		输入邮箱格式
tel		输入手机号码格式
url		输入url格式
number		输入数字格式
search		搜索框（体现语义化）
range		自由拖动滑块
time		小时分钟
date		年月日
datetime		时间
month		月年
week		星期

- fieldset 元素可将表单内的相关元素分组，打包 legend 搭配使用

        <legend>用户登录</legend>  标题

        用户名: <input type="text"><br /><br />

        密　码: <input type="password">

常用新属性

属性	用法	描述
placeholder		占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
autofocus		规定当页面加载时 input 元素应该自动获得焦点
multiple		多文件上传
autocomplete		规定表单是否应该启用自动完成功能 有2个值，一个是on 一个是offon 代表记录已经输入的值 1. autocomplete 首先需要提交按钮 2.这个表单您必须给他名字
required		必填项 内容不能为空

H5虽然能完全脱离插件的情况下播放音视频,但是不支持所有格式

元素支持三种视频格式： MP4, WebM, 和 Ogg:

MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件—>F , C , O

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件—>S , C

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件.–> IE , F , C, O

语法:

语法:

属性: controls=controls 显示控件,

autoplay=’autoplay’ 设置自动播放

loop=”loop” 视频结束时重新开始播放–>循环播放

muted = ‘muted’ 设置静音

width/height 设置视频播放器的宽和高

currentTime 播放所用时间

duration 显示媒体总时间

volume 0.0-1.0的音量的相对值

Muted 是否静音

playbackRate 设置视频的当前播放速度

方法: play( ) 播放

Pause() 暂停

Timeupdate( ) 事件更新

Canplay() 可以播放