H5基础

语义化结构标签

section 更偏于划分区域。(网页的外围结构…更类似与div)
article 更偏向于内容的展示
aside 侧边栏(在一旁的)
header 网页头部或内容块头部
footer 网页的底部或者内容块的底部
nav 导航区域
figure 代表一个独立的区域
figcaption figure区域的标题
main 主体区域(IE不兼容)
hgroup 标题组

mark 高亮显示文本
time 用来处理时间
dialog 类似于对话框

视频

<video controls src="./V/movie.mp4"></video>

属性:
autoplay 自动播放
controls 播放控件
loop 循环播放
muted 静音状态
poster 当视频没有加载或者没有播放的时候显示的封面图

音频

  <audio></audio>

属性:
autoplay 自动播放
controls 播放控件
loop 循环播放
muted 静音状态

定义媒介资源

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

type属性 -> 定义媒介类型
video里面 type属性的定义:video/ogg video/mp4 video/webm
audio里面 type属性的定义:audio/ogg audio/mpeg

h5新增的type类型

<input type="email"> 在提交整个表单的时候,验证是否符合邮箱的格式
<input type="url"> 在提交的时候验证是否是一个网址 检测 http://
<input type="range"> 生成滑动条
<input type="number"> 限制必须为数字
<input type="search"> 搜索框
<input type="color"> 颜色选取
<input type=" time "> 时间类型
month 月份
week 周
datetime-local 选取本地时间
date 只有年月日

发布了27 篇原创文章 · 获赞 0 · 访问量 384

猜你喜欢

转载自blog.csdn.net/Y_SSM/article/details/105418969