HTML新标签与特性:
HTML5新标签是指在HTML的基础上增加了一些新的标签,属性,控件等。
HTML5新增常用标签:
<header></header> : 定义文档页眉部分
<nav></nav> : 定义页面导航链接部分
<footer></footer> : 定义文档或节的页脚
<article></article> : 标签规定独立的自包含内容
<section></section> : 定义文档中的节(section、区段)
<aside></aside> : 定义其所处内容之外的内容
HTML5新增表单控件属性:
placeholder : 占位符提供可描述输入字段预期值的提示信息
autofocus : 规定当页面加载时,input元素自动获得焦点
multiple : 多文件上传,允许同时选择多个文件
autocomplete : 规定表单是否启用自动完成功能
required : 必填项,拥有该属性的表单元素必须填写
accesskey : 规定激活(使元素获得焦点)元素的快捷键
HTML5新增表单input控件类型:
email : 输入邮箱格式,必须由@符号
tel : 输入手机号码格式,11位,全数字
url : 输入url格式,要符合网址格式
number : 输入数字格式,只能输入数字
search : 搜索框格式
range : 自由拖动滑块
time : 时间格式 时分秒
date : 日期格式 年月日
datetime : 日期+时间 年月日时分秒
month : 月份
week : 星期
HTML5多媒体标签:
多媒体标签用于在HTML页面中插入音频/视频等。
常用的多媒体标签可分为:embed、audio、video。
embed:可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。有兼容性问题。
格式:
<embed src="xx.swf"...></embed>
audio: 解决HTML页面中播放音频的问题。
格式:
<audio src="xx.mp3"></audio>
常用属性:
src : 音频的url地址
autoplay : 自动播放
controls : 是否显不默认播放控件
loop : 循环播放
video:解决HTML页面中视频播放问题。
格式:
<video src="xx.mp4"></video>
常用属性:
src : 音频的url地址
autoplay : 自动播放
controls : 是否显不默认播放控件
loop : 循环播放
width : 设置播放窗口宽度
height : 设置播放窗口的高度