如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML5的简单介绍四
简单介绍一下HTML5的发展史、优点、主要功能以及一些新增标签 。
工具/原料
- 电脑,DW软件
方法/步骤
新的多媒体标记:
audio>内嵌音频文件
canvas>内嵌动态图形
embed>内嵌flash等文件
source>内嵌音频及视频的源文件
track>内嵌音频及视频的辅助多媒体轨道
video>内嵌视频文件
audio>video>canvas>是最常用的新增标记。
audio>video>可以直接支持音频视频的播放
track>source>用于辅助这两种多媒体标记
canvas>则可以直接绘制矢量图像,创建简单或复杂的游戏
新的表单标记:
input type="color" />颜色选择器
input type="date" />选择日期的类型,带时间控件
input type="datetime" />选择日期的类型,不带时间控件
新的表单标记:
input type="datetime-local" />选择年、月、日、小时、分钟,带时间控件
input type="email" />输入email的类型
input type="month" />选择年、月,带时间控件
新的表单标记:
input type="number" />输入数字的类型
input type="range" />显示进度条的类型
input type="search" />输入用于搜索的文本
新的表单标记:
input type="time" />选择日期的时、分,不带时间控件
input type="tel" />输入电话号码的类型
input type="url" />输入网址的类型
input type="week" />选择第几星期,带时间控件
注意事项
- 一些特殊的要求都是通过js来实现的,html5将这些可能通过内置标记来实现了
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 386 HTML