01 HTML - 随笔分类 - springsnow

HTML5 之音频合成（SpeechSynthesis）

摘要：SpeechSynthesisVoice - Web APIs | MDN (mozilla.org)var synUtterance = new window.SpeechSynthesisUtterance(); synUtterance.text = "批次：L11DXS7509457，欠料预阅读全文

posted @ 2021-11-06 14:51 springsnow 阅读(250) 评论(0) 推荐(0) 编辑

HTML 字符实体

摘要：HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。一、HTML 实体在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。字符实体类似这样： &entity_na... 阅读全文

posted @ 2020-07-23 06:55 springsnow 阅读(178) 评论(0) 推荐(0) 编辑

摘要：ASCII码表ASCII码大致可以分作三部分组成。比如：9 :水平制表符（Tab） 10 ：换行键 13 ：回车键 32 ：空格第一部分：ASCII非打印控制字符表ASCII表上的数字0–31分配给了控制字符，用于控制像打印机等一些外围设备。例如，12代表换页/新页功能。此命令指示打印机跳到下一页的开头。（参详ASCII码表中0-31）第二部分：ASCII打印字符数字 32–126 分配给了能在... 阅读全文

posted @ 2020-06-02 09:34 springsnow 阅读(3007) 评论(0) 推荐(0) 编辑

HTML5（14）代码规范

摘要：一、使用正确的文档类型文档类型声明位于HTML文档的第一行：<!DOCTYPE html>如果你想跟其他标签一样使用小写，可以使用以下代码：<!doctype html>二、使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母：混合了大小写的风格是非常糟糕的。开发人员通常使用小阅读全文

posted @ 2020-02-04 20:33 springsnow 阅读(437) 评论(0) 推荐(0) 编辑

HTML5（13） IndexedDB 索引数据库

摘要：一、诞生背景：随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10 阅读全文

posted @ 2020-01-06 10:46 springsnow 阅读(460) 评论(0) 推荐(0) 编辑

HTML5（12）实时通讯WebSocket

摘要：一、WebSocket 1、概述 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两阅读全文

posted @ 2019-07-01 10:39 springsnow 阅读(1519) 评论(0) 推荐(0) 编辑

HTML5（11）多线程Web Workers

摘要：一、什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。浏览器支持:Internet Explorer 10, Firefox, Chrome, S... 阅读全文

posted @ 2019-02-08 18:48 springsnow 阅读(241) 评论(0) 推荐(0) 编辑

HTML5（10） Web 存储:localStorage 和 sessionStorage

摘要：一、HTML5 Web 存储HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大阅读全文

posted @ 2019-02-08 18:47 springsnow 阅读(421) 评论(0) 推荐(0) 编辑

HTML5（9）语义元素

摘要：一、什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: 和 - 无需考虑内容. 语义元素实例: , , and - 清楚的定义了它的内容. 1、浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。注意: Internet Explorer 8 及更早... 阅读全文

posted @ 2019-02-08 18:46 springsnow 阅读(198) 评论(0) 推荐(0) 编辑

HTML5（8）表单属性

摘要：一、HTML5 新的表单属性 HTML5 的和标签添加了几个新属性. 新属性： autocomplete novalidate 新属性： autocomplete autofocus form formaction formenctype formmethod formnovalidate formta... 阅读全文

posted @ 2019-02-08 18:45 springsnow 阅读(272) 评论(0) 推荐(0) 编辑

HTML5（7）表单元素

摘要：一、HTML5 新的表单元素 HTML5 有以下新的表单元素: ：input标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。：标签规定用于表单的密钥对生成器字段。：标签定义不同类型的输出，比如脚本的输出。注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单... 阅读全文

posted @ 2019-02-08 18:44 springsnow 阅读(199) 评论(0) 推荐(0) 编辑

HTML5（6） Input 类型

摘要：一、HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型：colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweek注意:并不是所有的主流浏览器都支持新的input类型，不过您已经可以在所有主流的浏览器中使用它们了。即使不被支... 阅读全文

posted @ 2019-02-08 18:43 springsnow 阅读(338) 评论(0) 推荐(0) 编辑

HTML5（5）媒体

摘要：一、HTML5 Video(视频) HTML5 规定了一种通过 video 元素来包含视频的标准方法。您的浏览器不支持Video标签。尝试一下 » 注意: Internet Explorer 8 或者更早的IE版本不支持元素。 1、语法：元素提供了播放、暂停和音量控件来控制视频。同时元素也提供了 width 和 height 属性控制视频的... 阅读全文

posted @ 2019-02-08 18:42 springsnow 阅读(327) 评论(0) 推荐(0) 编辑

HTML5（4） Geolocation（地理定位）

摘要：一、定位用户的位置HTML5 Geolocation（地理定位）用于定位用户的位置。HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.注意: Geol... 阅读全文

posted @ 2019-02-08 18:41 springsnow 阅读(342) 评论(0) 推荐(0) 编辑

HTML5（3）拖放（Drag 和 Drop）

摘要：一、拖放在 HTML5 中，拖放（Drag 和 drop）是标准的一部分，任何元素都能够拖放。浏览器支持：Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.二、HTML5 拖放实例下面的例子是一个简单的拖放实例：将 RUNOOB.COM 图标拖动到矩形框中。代码：菜鸟教程(runoob... 阅读全文

posted @ 2019-02-08 18:40 springsnow 阅读(265) 评论(0) 推荐(0) 编辑

HTML5（2）画布Canvas

摘要：一、什么是 canvas?HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成。标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。二、创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过元素来绘制。注意: 默认情况下元素没有边框和内容。简单实例如下:注意: 标签通常需要指定一个id属性 (脚... 阅读全文

posted @ 2019-02-08 17:42 springsnow 阅读(316) 评论(0) 推荐(0) 编辑

HTML5（1）介绍

摘要：一、HTML5基础 1999年发布 HTML 4.01 2000年发布 XHTML 1.0 2012年发布HTML5 版本 2013年发布 XHTML5 HTML 4.01 基于 SGML（Standard Generalized Markup Language 标准通用标记语言），规定了三种阅读全文

posted @ 2019-02-03 16:00 springsnow 阅读(171) 评论(0) 推荐(0) 编辑

工作在浏览器上人-YangBobin

随笔分类 - 01 HTML