HTML5新增
①掌握:
input类型:
数字<input type="number">
搜索<input type="search">
邮箱<input type="email">
范围<input type="range">
颜色<input type="color">
网址<input type="url">
电话<input type="tel">
日期<input type="date">
月<input type="month">
周<input type="week">
属性:
placeholder 默认提示
required 必填项
autofocus 自动获取焦点(只给一个加)
multiple 输入多个,用逗号隔开(配合邮箱和网址使用)
max,min 最大最小值
maxlength,minlength 最大最小长度
标签:
声音和视频标签
<video>视频</video>
<audio>声音</audio>
带有的属性
autoplay 自动播放
controls 控制面板
loop 循环播放
muted 静音
poster 下载时或播放前显示的图片
preload 进行预加载
src 路径
width,height 宽度和高度
其他标签
<header></header> 头部
<nav></nav> 导航
<footer></footer> 页脚
<aside></aside> 侧边栏
<artide></artide> 文章,帖子
<section></section> 章节
②了解:
<mark></mark> 定义带有颜色记号的文本
<meter></meter> 刻度
<progress></progress> 进度
<details></details> 详细信息描述(内部搭配 <summary>标题</summary> 使用)
<figure></figure> 图片及图片描述(内部搭配<figcaption></figcaption> 使用)
<canvas></canvas> 画布