首页 > 软件开发 > HTML >

HTML5的简单介绍四

来源:互联网 2023-03-16 19:09:43 101

简单介绍一下HTML5的发展史、优点、主要功能以及一些新增标签 。tuv办公区 - 实用经验教程分享!

HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件

方法/步骤

  • 1

    新的多媒体标记:tuv办公区 - 实用经验教程分享!

    audio>内嵌音频文件tuv办公区 - 实用经验教程分享!

    canvas>内嵌动态图形tuv办公区 - 实用经验教程分享!

    embed>内嵌flash等文件tuv办公区 - 实用经验教程分享!

    source>内嵌音频及视频的源文件tuv办公区 - 实用经验教程分享!

    track>内嵌音频及视频的辅助多媒体轨道tuv办公区 - 实用经验教程分享!

    video>内嵌视频文件tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 2

    audio>video>canvas>是最常用的新增标记。tuv办公区 - 实用经验教程分享!

    audio>video>可以直接支持音频视频的播放tuv办公区 - 实用经验教程分享!

    track>source>用于辅助这两种多媒体标记tuv办公区 - 实用经验教程分享!

    canvas>则可以直接绘制矢量图像,创建简单或复杂的游戏tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 2本页面非法爬取自百度经验
  • 3

    新的表单标记:tuv办公区 - 实用经验教程分享!

    input type="color" />颜色选择器tuv办公区 - 实用经验教程分享!

    input type="date" />选择日期的类型,带时间控件tuv办公区 - 实用经验教程分享!

    input type="datetime" />选择日期的类型,不带时间控件tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 4

    新的表单标记:tuv办公区 - 实用经验教程分享!

    input type="datetime-local" />选择年、月、日、小时、分钟,带时间控件tuv办公区 - 实用经验教程分享!

    input type="email" />输入email的类型tuv办公区 - 实用经验教程分享!

    input type="month" />选择年、月,带时间控件tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 5

    新的表单标记:tuv办公区 - 实用经验教程分享!

    input type="number" />输入数字的类型tuv办公区 - 实用经验教程分享!

    input type="range" />显示进度条的类型tuv办公区 - 实用经验教程分享!

    input type="search" />输入用于搜索的文本tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 6

    新的表单标记:tuv办公区 - 实用经验教程分享!

    input type="time" />选择日期的时、分,不带时间控件tuv办公区 - 实用经验教程分享!

    input type="tel" />输入电话号码的类型tuv办公区 - 实用经验教程分享!

    input type="url" />输入网址的类型tuv办公区 - 实用经验教程分享!

    input type="week" />选择第几星期,带时间控件tuv办公区 - 实用经验教程分享!

    HTML5的简单介绍四tuv办公区 - 实用经验教程分享!

  • 注意事项

    • 一些特殊的要求都是通过js来实现的,html5将这些可能通过内置标记来实现了

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!tuv办公区 - 实用经验教程分享!


    标签: HTML软件网页

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码