扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
这篇文章给大家整理了html5新增的九个标签,非常不错,需要的朋友参考下
今天新学习了9个标签、
简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="controls" 控制参数,他就是可以让其在页面显示一个播放器的效果autoplay="autoplay"自动播放属性 loop="loop"循环次数
同audio标签一样。是一个视频标签。主要常用的属性同上面一样
定义选项列表。这个其实是一个比较大的改进,不过也有不足,这个标签其实组合了《input标签中的text》和select标签、生产的一个可以输入和下拉选项的输入组合框》。不足之处在于如果不通过JS控制,只有当输入框中为空,定义的下拉选项中才会生效
定义文档细节。这个标签其实用的地方也比较多,常和summary标签用。summary标签里面写文档的标题。p标签写文档的细节
一个高亮的显示标签,再也不用标记某一段文字要用font属性了。
这个是一个进度条标签。他的主要属性有value和max。value表示当前进度条位置,max表示进度条的总共长度。
标签放时间的标签。
初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Html5学习之路</title> </head> <body> <header style="text-align: center; color: blue;">欢迎来到Html5的学习之路,我是header标签。</header> 这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来 <input type="text" list="phone"> <datalist id="phone"> <option></option> <option>IPhone</option> <option>华为 </option> <option>小米 </option> <option>三星</option> </datalist> <br/> <br/> <font color="red">这里我发现了两者一个不同之处在于,datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font> <br/> 而这个select选项框是不管什么内容它都会存在的 <select> <option>IPhone</option> <option>华为 </option> <option>小米 </option> <option>三星</option> </select> <br> <br> <br> ------------------------ <br><br><br> 这是一个定义文档细节的标签。detail标签。它的主要作用很简单。 <details> <summary>这是一个detail标签,下面就是他的使用方法</summary> <p>detail标签是什么?</p> <p>detail标签有什么作用?</p> <p>detail标签能干什么?</p> <p>detail标签我改怎么用它?</p> </details> <br> detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。 <br><br> 接下来这个标签是定义列表标签。menu。 <menu> <li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li> </menu> <br><br> 进度条标签我们用的比较多。比如这个。<mark>progress</mark> <progress value="5" max="10">value=5 max=10</progress> <br> <audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio> <footer>我是底部footer标签</footer> </body> </html>
以上就是Html5新增标签总结的详细内容,更多请关注php中文网其它相关文章!
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部