h5新标签

1.文档类型设定
document
HTML: sublime 输入 html:4s
XHTML: sublime 输入 html:xt
HTML5 sublime 输入 html:5 < !DOCTYPE html>
2.字符设定
< meta http-equiv=“charset” content=“utf-8”>:HTML与XHTML中建议这样去写
< meta charset=“utf-8”>:HTML5的标签中建议这样去写
3,。常用新标签
header:定义文档的页眉 头部
nav:定义导航链接的部分
footer:定义文档或节的页脚 底部
article:定义文章。
section:定义文档中的节(section、区段)
aside:定义其所处内容之外的内容 侧边
< header> 语义 :定义页面的头部 页眉< /header>
< nav> 语义 :定义导航栏 < /nav>
< footer> 语义: 定义 页面底部 页脚< /footer>
< article> 语义: 定义文章< /article>
< section> 语义: 定义区域</ section>
< aside> 语义: 定义其所处内容之外的内容 侧边< /aside>
datalist 标签定义选项列表。请与 input 元素配合使用该元素
< input type=“text” value=“输入明星” list=“star”/>
< datalist id=“star”>
< option>刘德华</ option>
< option>刘若英< /option>
< option>刘晓庆< /option>
< option>郭富城< /option>
< option>张学友</ option>
< option>郭郭< /option>
< /datalist>

fieldset 元素可将表单内的相关元素分组,打包 legend 搭配使用

< fieldset>
< legend>用户登录< /legend> 标题
用户名: < input type=“text”>< br />
密 码: < input type=“password”>
< /fieldset>
4.input属性
在这里插入图片描述
5.常用属性
在这里插入图片描述
6.多媒体标签
embed:标签定义嵌入的内容
audio:播放音频
video:播放视频
多媒体 embed(会使用)
embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
多媒体 audio
HTML5通过标签来解决音频播放的问题。
并且可以通过附加属性可以更友好控制音频的播放,如:
autoplay 自动播放
controls 是否显不默认播放控件
loop 循环播放 如果这个属性不写 默认播放一次 loop 或者 loop = “loop” 表示无限循环
< source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择
多媒体 video
HTML5通过< audio>标签来解决音频播放的问题。
同音频播放一样,< video>使用也相当简单,如下图
同样,通过附加属性可以更友好的控制视频的播放
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值