来源:乐鱼体育官方网站    发布时间:2024-07-08 15:52:04

  今天扣丁学堂小编给大家总结一下关于HTML5新增标签详解,首先HTML5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高使用者真实的体验满意度,让开发更加方便。

  更多取代脚本的标记(新增了一些语义化的标签:在HTML4当中,很明显的一个形象就是用DIV来进行任何的布局。)

  4、兼容性情况:针对浏览器的支持(除了IE6/IE7/IE8/IE9以为,其他的大部分主流的浏览器都是完美兼容的)

  header页眉(网页(部分区域)的头部顶部导航区域等等),闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  nav导航链接部分;闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性。

  section标签定义网页中的区域(部分)。比如章节、页眉、页脚或文档中的别的部分。闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  footer页脚(网页(部分区域)的底部版权区域等等),闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  article内容是引用另外的地方的。一个区域中的,另外一部分内容;闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性

  aside跟article是一起使用;是辅助article区域的内容。也能够理解为整个网页的辅助区域;(最常见的京东的右侧的工具栏)

  hgroup给标题分组,为标题或者子标题进行分组,通常与h1-h6元素组合使用。如果文章中只有一个标题,则不使用hgroup。

  闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  figure对多个元素进行组合。通常与figcaption联合使用。闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上跟DIV标签,能够说是完全一样的特性;figcaption定义figure元素组的标题,必须写在figure元素中。一个figure元素内最多只允许放置一个figcaption元素。闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  audio播放声音文件,比如音乐或其它音频流。可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。闭合标签;行内元素;默认的宽:controls的宽度300px;高:controls的高度32px;autoplayautoplay假如慢慢的出现该属性,则音频在就绪后马上播放。controlscontrols假如慢慢的出现该属性,则向用户显示控件,比如播放按钮。preloadpreload假如慢慢的出现该属性,则音频在页面浏览加载时进行加载,并预备播放。若使用“autoplay”,则忽略该属性。srcurl要播放的音频的URL。

  video播放视频文件,比如电影或其它视频流。可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。闭合标签;行内元素;默认的宽:300px高:150px。autoplayautoplay假如慢慢的出现该属性,则视频在就绪后马上播放。controlscontrols假如慢慢的出现该属性,则向用户显示控件,比如播放按钮。height设置视频播放器的高度。looploop假如慢慢的出现该属性,则当媒介文件完成播放后再次开始播放。preloadpreload假如慢慢的出现该属性,则视频在页面浏览加载时进行加载,并预备播放。若使用“autoplay”,则忽略该属性。src要播放的视频的URL。width设置视频播放器的宽度。

  source为媒介元素(比如video和audio)指定多个播放格式与编码,浏览器就会自动选择第一个可以识别的格式。非闭合标签,只有开始标签,没结束标签。source行内元素,默认无宽度和高度。media定义媒介资源的类型,供浏览器决定是不是下载。src媒介的URL。type定义播放器在音频流中的什么位置开始播放。默认,音频从开头播放。

  闭合标签;行内元素;默认情况下,canvas创建的画布宽:300px;高:150px;

  datalist定义可选数据的列表。与input元素配合使用,就能制作出输入值的下拉列表。

  embed定义嵌入的内容,比如插件。用来插入各种多媒体,格式可以是MIDI、MP3等。

  非闭合标签,只有开始标签,没结束标签。行内元素;默认的宽:300px;高:150px。

  time定义日期或时间,或者两者。闭合标签;行内元素,默认情况下,宽:内容的宽度;高:内容的高度;

  address为文档或section定义联系信息,比如:电子邮箱、地址、电话、QQ、微信号等。

  闭合标签;块元素;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  areaarea元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。

  闭合标签,行内元素;只有结束标签,没有开始标签。默认情况下,无宽度和高度;

  mark定义页面中需要突出显示或高亮显示的内容,通常在引用原文时,使用此元素,目的是引起当前用户的注意。闭合标签;行内元素;默认情况下,宽:内容的宽度;高:内容的高度;

  details标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。(备注信息),块元素

  ;默认的宽是:100%;高:内容的高度;实质上,跟DIV标签,能够说是完全一样的特性;

  但是有一个动态的效果,点击可以显示(展开)内容,再点击可以隐藏(收起)内容;

  以上就是有关于HTML5新增标签的详细介绍,最后想要工作不累就要不断的提高个人的技能,想要快速学习HTML5培训技术就到由专业老师授课的扣丁学堂学习吧。扣丁学堂还有名师录制的HTML5视频教程供学员观看学习,想要HTML5视频教程的小伙伴快咨询我们的专业老师索要吧。扣丁学堂H5技术交流群:751662650。

  *博客内容为网友个人发布,仅代表博主个人自己的观点,如有侵权请联系工作人员删除。


上一篇:【48812】浙江发布《数字化变革 公共数据分类分级攻略》省级区域规范 下一篇:2023金博会 滴普科技Data+AI赋能金融业数智化升级