css3新增标签-HTML5和CSS3新特性总结

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