HTML5
1. HTML5新元素
HTML5 提供了新元素来创建更好的页面结构:
标签
描述
为页面定义单独的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本以脱离其父元素的文本方向设置。
定义命令按钮,例如单选按钮、复选框或按键
用于描述文档或文档的一部分的详细信息
定义对话框,例如提示框
标签包含详细信息元素的标题
指定各个流内容(图像、图表、照片、代码等)。
定义元素的标题
定义节或文档的页码。
定义文档的大脑区域
定义标记化文本。
定义重量和尺寸。 仅用于具有已知最大值和最小值的测量。
定义导航链接的部分。
定义任何类型任务的进度。
定义ruby注释(中文注音或字符)。
定义字符(中文注音或字符)的解释或发音。
用于 ruby 注解中,定义不支持 ruby 元素的浏览器显示的内容。
定义文档中的一个部分(部分、部分)。
定义日期或时间。
指定文本中适合添加换行符的位置。
2.HTML5画布
HTML5 元素用于绘制图形,这是通过脚本(通常是 JavaScript)完成的。
标签只是图形的容器,必须使用脚本来绘制图形。
一个简单的例子如下:
使用 JavaScript 绘制图像
canvas 元素本身没有绘图功能。 所有绘图工作必须在 JavaScript 内完成:
3.HTML5拖放
拖放是一种常见功能,即抓取对象然后将其拖到另一个位置。 在HTML5中,拖放是标准的一部分,任何元素都可以被拖动。
设置元素可拖动
首先,要使元素可拖动,请将draggable属性设置为true:
拖动哪个 - ondragstart 和 setData()
放在哪里 - ondragover
进行投放 - ondrop
4. HTML5 地理定位
HTML5 Geolocation API用于获取用户的地理位置。
鉴于该功能可能侵犯用户隐私css3新增标签css3新增标签,除非用户同意,否则无法获取用户位置信息。
5.HTML5Audio(音频)、Video(视频)
HTML5 指定了在网页上嵌入音频元素(use 元素)的标准。
您的浏览器不支持音频元素。
HTML5 指定了通过 video 元素包含视频的标准方法。
您的浏览器不支持 Video 标签。
6.HTML5输入类型
HTML5 有几种新的表单输入类型。 这些新功能提供了更好的输入控制和验证。
搜索谷歌: 电话号码:
7. HTML5表单元素
HTML5 具有以下新的表单元素:
标签说明
标签定义选项列表。 请将此元素与输入元素结合使用来定义输入的可能值。
> 标签指定表单的密钥对生成器数组。
标签定义不同类型的输出,例如脚本的输出。
元素指定输入字段的选项列表。
用于指定表单或输入字段应具有手动完成功能的属性。 当用户开始在手动完成字段中输入时,浏览器应在该字段中显示已填充的选项:
使用元素的 list 属性绑定到该元素。
8. HTML5表单属性
HTML5
发表评论