一、HTML5新标签的概览
说到HTML5可能有点不熟悉，不过这可是网页设计里越来越火热的东西！HTML5不仅仅是旧HTML的升级版本，而是一种全新的网页设计思维方式。接下来，我来给你们说说HTML5里新增的标签有哪些，它们不仅能让网页变得更丰富，还能让互动效果更好玩儿。
二、音频标签audio
哈喽，瞧瞧HTML5中的新玩意儿——音频标签audio！它能让你的网页不只是看的，还能听得到，多有趣！audio标签的几个重要属性有src（音频文件的位置）、Controls（控制面板，让页面出现播放器）、autoplay（自动播放）和loop（重复播放）。这些小设置，让音频播放更随心所欲，用户体验也棒棒哒！
三、视频标签video
跟音频标签一样，视频标签video也是HTML5里头的新玩意儿。有了它，网页内容变得更有趣了。video标签的用法和audio差不多，比如src、controls、autoplay和loop这几个属性。你可以用它们来让视频在网页上自动播放或者用播放器控制，这样用户就能更好地参与到网页中来了。
四、输入组合框datalist
HTML5里有个datalist标签，这都赶上给传统input标签换代了。结合input的text属性和select的下拉选框功能，形成了能输能选的多面手。别看它没JS就不咋地，但给网页输入方式开了新路。
五、文档细节标签details和summary
想要让网页文档更清晰？别忘了用details和summary标签！Details就是告诉你文档的细枝末节，摘要（summary）就是封面，一眼就能看出文章讲啥，还有哪些特别的地方。这样子，文档就变得一清二楚。
六、高亮显示标签mark
以前想把字变鲜亮得设置字体属性。但现在有了mark标签，直接就给你标出来！看起来更显眼，操作还特别方便。
七、列表标签menu和li
在HTML5中，当你利用menu和li这两个标签搭建出一个标示列表时，就能轻松完成这个任务！这种方法不仅简单易用，对于导航菜单或者项目列表的展示来说也很实用，让你的网页看起来更有条理，阅读起来也更加清晰明了。
八、进度条标签progress
HTML5里的progress标签真是赞爆了！用了value和max这俩属性后，直接就能告诉你任务做到哪块儿了。无论是网站加载进度还是其他任务进度，看这个标签就清楚明了。
nbsp;html >Html5学习之路 欢迎来到Html5的学习之路，我是header标签。 这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来 IPhone 华为 小米 三星
这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!
而这个select选项框是不管什么内容它都会存在的 IPhone 华为 小米 三星
------------------------
这是一个定义文档细节的标签。detail标签。它的主要作用很简单。这是一个detail标签，下面就是他的使用方法
detail标签是什么？
detail标签有什么作用？
detail标签能干什么？
detail标签我改怎么用它？
detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签mark比重不一样。
接下来这个标签是定义列表标签。menu。
进度条标签我们用的比较多。比如这个。progressvalue=5 max=10
九、时间标签time
接下来我来聊聊time标签。它虽简单，却非常实用。你知道吗？只要用了它，无论事件的日期还是持续时间，网页上都能看得清清楚楚。
总结
看了刚才那些，你们是不是觉得HTML5的新标签给网页设计带来好多新鲜玩意儿？这些标签让网页内容更丰富，用户互动也更好。有没有想过试试这些新标签？或者有啥问题或者心得想要分享？快来评论区聊聊，咱们一起讨论学习，推动网页设计进步！
评论0