标签归档：html5

2018
05-18

URL中的的井号及搜索引擎抓取AJAX

URL中的#(井号) 一、#的涵义 #代表网页中的一个位置。其右面的字符，就是该位置的标识符。浏览器读取这个URL后，会自动将标识符位置滚动至可视区域。 为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。 二、HTTP请求不包括# #是.... Read More >
2017
08-21

HTML5的WebSocket

WebSocket提供了一个受欢迎的技术，是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，以替代我们过去几年一直在用的Ajax技术。 一、什么是WebSocket API? WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，是基于TCP协议上的独立的通信协议，使用ws或wss协议，可用于任意的客户端和服务器程序。 WebSocke.... Read More >
2017
08-21

HTML5 服务器发送事件

HTML5 服务器发送事件(server-sent event)是单向消息传递，它允许网页获得来自服务器的更新，以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。 创建EventSource 对象用于接收服务器发送事件通知 var source=new EventSource("demo_sse.php"); 事件open当成功与服务器建立连接时产生 事件message当收到服务.... Read More >
2017
08-21

HTML5 Web Workers使用介绍

web worker的作用 浏览器端JavaScript是以单线程的方式执行的，也就是说javascript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一，为浏览器端JavaScript开创了一种新的运行模式，让web应用程序具备多线程处理能力，在另外的线程.... Read More >
2016
12-16

HTML5的应用程序缓存

HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)。 应用程序缓存为应用带来三个优势： 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 一旦应用被缓存，它就会保持缓存.... Read More >
2016
12-16

HTML5元数据和一些全局属性

元数据：<meta>元素：可以定义文档中的各种元数据 一、属性charset，直接指定页面编码，<meta charset="utf-8"> 二、指定名/值元数据对：两个属性http-equiv和name，每个属性都应该有一个对应的content与之对应。 meta标签中的http-equiv <meta http-equiv="属性" content="属.... Read More >
2016
12-16

HTML5中表单元素中input的type属性

text 一个单行文本框，默认行为 password 隐藏字符的密码框 search 搜索框，在某些浏览器键入内容会出现叉标记取消 submit、 reset、 button 生成一个提交按钮、重置按钮、普通按钮 number、range 只能输入数值的框；只能输入在一个数值范围的框 checkbox、radio 复选框，用户勾选框；单选框，只能在几个中选一个 ima.... Read More >
2016
12-16

HTML5中的表单元素标签

form 表示 HTML 表单 input 表示用来收集用户输入数据的控件 textarea 表示可以输入多行文本的控件 select 表示用来提供一组固定的选项（下拉列表） option 表示提供提供一个选项（配合select使用） optgroup 表示一组相关的 option 元素 button 表示可用来提交或重置的表单按钮（或一般按钮） datalist.... Read More >
12下一页 »