一、HTML5新增语义化标签
<header>
:头部标签<nav>
:导航标签<article>
:内容标签<section>
:定义文档某个区域<asider>
:侧边栏标签<footer>
:尾部标签
二、HTML5新增多媒体标签
1、视频 <vedio>
所有浏览器支持 mp4 格式。
语法:
autoplay="autoplay"
controls="controls"
显示控件width
设置宽度height
设置高度loop=loop
设置循环播放preload="auto/none"
是否预加载src=url
视频地址poster=url
封面图片muted=muted
静音播放
2、音频 <audio>
所有浏览器支持 mp3 格式。
语法:
controls
:显示控件autoplay
:(谷歌禁用)loop=loop
设置循环播放
三、HTML5新增 input类型
语法:
type="email"
type="url"
type="date"
type="time"
type="month"
type="week"
type="number"
type="tel"
type="search"
type="color"
四、HTML5新增的表单属性
属性 | 值 | 说明 |
---|---|---|
required | required | 表单拥有该属性表示其内容不能为空,必填 |
placeholder | 提示文本 | 表单的提示信息 |
autofocus | autofocus | 自动聚焦属性,页面加载完成自动聚焦到指定表单 |
autocomplete | off/on | 当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项默认已经打开,如autocomplete="on",关闭autocomplete ="off" 需要放在表单内,同时加上name属性,同时成功提交 |
multiple | multiple | 可以多选文件 |
可以通过以下设置方式修改placeholder里面的字体颜色:
input::placeholder {
color: pink;
}