html新特性(IE9以上版本支持,移动端支持)

布局

<header> 头部标签

<nav>导航标签

<article>内容标签

<section>定义文档某个区域

<aside>侧边栏标签

<footer> 尾部标签

新增视频标签<video>

格式: MP4 webm Ogg (尽量使用MP4大多数支持)

<video src="文本地址" controls="controls"></video>

一般有的写法:

<video width="320" height="240" controls>

<source src="movie.mp4 type="video/mp4">

<source src="movie.ogg" type="video/ogg">

您的浏览器不支持video标签

</video>

属性:

autoplay="autoplay" 视频自动播放(谷歌要添加muted 静音才可以用)

controls="controls" 向用户显示控件

width/height 宽度/高度

loop="loop" 循环播放

preload

auto 预先加载视频

none 不先加载

src=url(./xxx) 视频url地址

poster:lmgurl 加载等待的画面

muted:muted 静音播放

新增音频<audio>

mp3 格式最多

书写格式:<audio src="文本地址" controls="controls">

</audio>

属性:

autoplay="autoplay" 音频就需马上播放(谷歌禁用,js可以实现)

controls="controls" 播放按钮

loop="loop" 循环播放

src="url"

新增input表单:

(验证的时候必须添加form表单域)

属性值 type=

"email" Email 类型邮箱

"url" URL 类型 网址

"date" 日期

"time" 时间

"month" 月类型

"week" 周类型

"number" 数字类型

"tel" 手机号码

"search" 搜索框

"color" 生成一个颜色选择表单

新增表单属性:

要在form域中验证

required="reqoired" 不能为空 ,必填

placeholder="提示文本" 提示信息 存在默认值将不显示

autofocus="autofocus" 自动聚焦

autocomplete="off"/"on" 是否显示之前搜索过的历史记录

on 打开

off 关闭

要加上neme属性这个名字之前的信息记录

multiple="multiple" 可以多文件提交,这个一般和文本域一起用

以上是html 新特性的一部分,主要是把一些标签语言化了,我们一起学习成长进步.