html5

最新推荐文章于 2022-05-04 00:26:04 发布

被操作的年轻人

最新推荐文章于 2022-05-04 00:26:04 发布

阅读量148

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/zzo12345/article/details/112760822

版权

html/css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、html5简介

html5是html4的升级版，html5的设计目的是为了在移动设备上支持多媒体，它对于移动端和pc端均适用。html5与html4的区别是html5语义化更明确

二、html5Canvas

canvas元素用于在网页上绘制图形

三、html5SVG

1.什么是SVG?

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用于定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
SVG 是万维网联盟的标准

2.SVG的优势（与其它图像格式相比，例如JPEG和GIF）

SVG 图像可通过文本编辑器来创建和修改
SVG 图像可被搜索、索引、脚本化或压缩
SVG 是可伸缩的
SVG 图像可在任何的分辨率下被高质量地打印
SVG 可在图像质量不下降的情况下被放大

四、html5MathML

HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。

MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

五、html5拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

六、html5 Geolocation（地理定位）

HTML5 Geolocation API 用于获得用户的地理位置。

七、html5 Web存储

HTML5 web 存储,一个比cookie更好的本地存储方式。

八、html5 Application Cache（应用缓存）

HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势：

离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

九、html5 Web Workers

web worker 是运行在后台的 JavaScript，不会影响页面的性能。

十、html5 SSE（服务器发送事件）

HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。

十一、html5 新多媒体元素

用于媒介播放的video和audio元素

属性： autoplay:自动播放

controls:控制器

loop:循环播放

muted:静音

embed标签定义嵌入的内容

十二、html5 新表单元素

datalist 与input元素配合使用，定义input选项列表
<form method="get">
    <input type="text" list="ipt"/>
    <datalist id="ipt">
        <option>苹果</option>
        <option>香蕉</option>
        <option>梨</option>
        <option>西瓜</option>
        <option>橘子</option>
    </datalist>
</form>
output 定义不同类型的输出（显示输出的计算结果）

十三、html5 新的表单属性

1.autocomplete属性

在第二次输入的时候，浏览器是否显示填写的选项。on/off

2.autofocus

在页面加载时，域自动的获得焦点

3.……

十四、html5 新的语义和结构元素

1.header

定义文档的头部区域

2.nav

定义导航链接的部分

3.article

定义页面独立的内容区域

4.aside

定义页面的侧边栏内容

5.section

定义文档中的节

6.footer

定义section或document的页脚