热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

2.HTML5新增的其他元素

HTML5新增的其他元素:video元素用于定义视频。audio元素用于定义音频。embed元素用于插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等。mark元素主

HTML5新增的其他元素:

  video元素用于定义视频。

  audio元素用于定义音频。

  embed元素用于插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等。

  mark元素主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。mark元素的一个比较经典的应用就是在搜索结果中向用户高亮显示搜索关键词。

  progress元素表示运行中的进程,可以使用process元素来显示Javascript中消耗时间的函数的进程。    

  meter元素表示度量衡,仅用于已知最大值和最小值的度量。必须定义度量的范围,即可以再元素的文本中,也可以在min/max属性中定义。

    9/10

    40%

  time元素用于表示日期或时间,也可以同时表示两者。

    


      我们在每天早上 开始营业。
    

    


      我在 有个约会。
    

  ruby元素表示ruby注释(中文注音或字符)。rt元素表示字符(中文注音或字符)的解释或发音。rp元素在ruby注释中使用,以定义不支持ruby元素的浏览器所显示的内容

    
      汉 (Han)
      字 (zi)
    

    效果如下:

         

  wbr元素表示软换行。wbr元素与br元素的区别是:br元素是此处必须换行,二wbr元素是指浏览器窗口或父级元素的宽度足够宽是(没必要换行时),不进行换行,而当宽度不够时,主动在此处进行换行。wbr元素好像对字符型的语言用处比较大,但是对于中文,貌似没多大用处。 

    


      如果想学习 AJAX,那么您必须熟悉 XMLHttpRequest 对象。
    


    


      如果想学习 AJAX,那么您必须熟悉 XML
Http
Request 对象。
    

  canvas元素表示图形,比如图标和其他图像。这个元素本身没有行为,仅提供一块画布,但把一个绘图API展现给客户端Javascript,以使脚本能够把想绘制的东西绘制到这块画布上。

  command元素表示命令按钮,比如单选按钮、复选按钮或按钮。只有 IE 9 支持 标签

  details元素表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用summary元素提供标题或图例。标题是可见的,用户点击标题时,会显示细节信息。summary元素应该是details原点的第一个子元素。目前只有 Chrome 和 Safari 6 支持

标签。

    


      Copyright 2011.
      

All pages and graphics on this web site are the property of W3School.


    

  效果如下:

      

      点击图标就展示P标签内容,如下图

      

  datalist元素表示可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表。(使用谷歌浏览器)

    
      
      
        

      
    

    

注意: Internet Explorer 9(更早 IE 版本),Safari 不支持 datalist 标签。

  datagrid元素表示可选数据的列表,它以树形列表的形式显示。https://www.quackit.com/html_5/tags/html_datagrid_tag.cfm

  keygen元素表示生成密钥。

    
      用户名:
      加密:
      
    

  output元素表示不同类型的输出,比如脚本的输出。 

    0
      100
      +

     
      =
    

    

注意: Internet Explorer 不支持 output 标签。

  source元素为媒介元素(比如video和audio)定义媒介资源。

    

  menu元素表示菜单列表。当希望列出表单控件时使用该标签。

    


      
  • Red

  •       
  • blue

  •     

      dialog元素表示对话框。只有 Chrome 和 Safari 6 和支持 dialog 标签。


    推荐阅读
    • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
    • Java实战之电影在线观看系统的实现
      本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
    • 本文讨论了如何在codeigniter中识别来自angularjs的请求,并提供了两种方法的代码示例。作者尝试了$this->input->is_ajax_request()和自定义函数is_ajax(),但都没有成功。最后,作者展示了一个ajax请求的示例代码。 ... [详细]
    • 网络请求模块选择——axios框架的基本使用和封装
      本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
    • Servlet多用户登录时HttpSession会话信息覆盖问题的解决方案
      本文讨论了在Servlet多用户登录时可能出现的HttpSession会话信息覆盖问题,并提供了解决方案。通过分析JSESSIONID的作用机制和编码方式,我们可以得出每个HttpSession对象都是通过客户端发送的唯一JSESSIONID来识别的,因此无需担心会话信息被覆盖的问题。需要注意的是,本文讨论的是多个客户端级别上的多用户登录,而非同一个浏览器级别上的多用户登录。 ... [详细]
    • android listview OnItemClickListener失效原因
      最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
    • XML介绍与使用的概述及标签规则
      本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
    • flowable工作流 流程变量_信也科技工作流平台的技术实践
      1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
    • 深入理解Kafka服务端请求队列中请求的处理
      本文深入分析了Kafka服务端请求队列中请求的处理过程,详细介绍了请求的封装和放入请求队列的过程,以及处理请求的线程池的创建和容量设置。通过场景分析、图示说明和源码分析,帮助读者更好地理解Kafka服务端的工作原理。 ... [详细]
    • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
    • 从零基础到精通的前台学习路线
      随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
    • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
    • 本文讨论了在shiro java配置中加入Shiro listener后启动失败的问题。作者引入了一系列jar包,并在web.xml中配置了相关内容,但启动后却无法正常运行。文章提供了具体引入的jar包和web.xml的配置内容,并指出可能的错误原因。该问题可能与jar包版本不兼容、web.xml配置错误等有关。 ... [详细]
    • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
    • Spring Boot 中 Java8 LocalDateTime 序列化问题
      LoginController页面如下:publicObjectlogin(@RequestBodyUseruser){returnxxxx ... [详细]
    author-avatar
    亚丶喃7_789
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有