高亮的博客

# H5

# 新增标签

  1. <header>：头部标袭
  2. <nav>：导航标签
  3. <article>：内容标签
  4. <section>：定义文档某个区域
  5. <aside>：侧边栏标签
  6. <footer>：尾部标签

# 多媒体标签

# 音频

audio
HTML5在不使用插件的情况下，也可以原生的支持音频格式文件的播放，支持格式有限


<body>
    <audio>
        <source src="static/img/" type="audio/mpeg">
        <source src="static/img/" type="audio/ogg">
        浏览器不支持audio标签
    </audio>
</body>
属性 值 描述
autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop loop 如果出现该属性，则每当音频结束时重新开始播放。
src url 要播放的音频的URL。

# 视频

video

属性 值 描述
autoplay autoplay 视频就绪自动播放（谷歌浏览器需要添加muted来解决自动播放问题)
controls controls 向用户显示播放控件
width pixels(像素) 设置播放器宽度
height pixels(像素) 设置播放器高度
loop loop 播放完是否继续播放该视频，循环播放
preload auto(预先加载视频),none(不应加载视频) 规定是否预加载视频（如果有了autoplay就忽略该属性)
src url 视频url地址
poster Imgurl 加载等待的画面图片
muted muted 静音播放

<body>
    <video src="static/img/mi.mp4" controls="controls">
        <source src="static/img/mi.mp4" type="video/mp4">
        <source src="static/img/mi.mp4" type="video/ogg">
    </video>
</body>

# 表单

# 表单属性

属性 值 说明
required required 表单拥有该属性表示其内容不能为空，必填
placeholder 提示文本 表单的提示信息，存在默认值将不显示
autofocus autofocus 自动聚焦属性，页面加载完成自动聚焦到指定表单当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
autocomplete off on 默认已经打开，如autocomplete="on“,关闭autocomplete="of"需要放在表单内，同时加上name属性，同时成功提交
multiple multiple 可以多选文件提交

# input

type属性

属性值 说明
type="email" 限制用户输入必须为Emai类型
type="url" 限制用户输入必须为URL类型
type="date" 限制用户输入必须为日期类型
type="time" 限制用户输入必须为时间类型
type="month" 限制用户输入必须为月类型
type="week" 限制用户输入必须为周类型
type="number" 限制用户输入必须为数字类型
type="tel" 手机号码
type="search" 搜索框
type="color" 生成一个颜色选择表单
<body>
    email:<input type="email" />
    url:<input type="url" />
    date:<input type="date" />
    time:<input type="time" />
    month:<input type="month" />
    week:<input type="week" />
    number:<input type="number" />
    tel:<input type="tel" />
    search:<input type="search" />
    color:<input type="color" />
    <input type="submit">
</body>

← 移动页面 →