注册 / 登录

清河洛

您现在的位置是:首页>网站前端>HTML学习

HTML学习

  • HTML5中的rel属性

    rel 属性规定当前文档与被链接的url(使用href=""指定)之间的关系仅<link>标签中使用的rel值: stylesheet:调用外部样式表,用于链接css样式表 icon:指定标题栏,地址栏,收藏栏小图标,rel="shortcut icon" 为了兼容IE,必须包含shortcut才会在IE下显示,IE只支持ico格式 canonical:指明网址的规范版本,用于让搜索引擎知道当前网站中的重复或相似网页中,哪一个页面才是站长想让其抓取与收录的。 author:文档作者,一般指向作者的主页 alternate:备选的源(比如:打印页, 译本和镜像) home:站点的主页 start:当前文档的第一页< archives:集合的目录 toc:集合的目录 head:集合中的顶级文档 first:集合中的首个文档 next:集合中的下一个文档

    发布时间:2019-07-24 16:56:14
  • URL中的的井号及搜索引擎抓取AJAX

    URL中的#(井号)一、#的涵义#代表网页中的一个位置。其右面的字符,就是该位置的标识符。浏览器读取这个URL后,会自动将标识符位置滚动至可视区域。为网页位置指定标识符,有两个方法。一是使用锚点,比如<a name="print"></a>,二是使用id属性,比如<div >。二、HTTP请求不包括##是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包括#。三、#后的字符在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符。这意味着,这些字符都不会被发送到服务器端。如下面URL的原意是指定一个颜色值:http://www.example.com/?color=#fff但是,浏览器实际发出的请求是:http://www.example.com/?color=,"#fff"被省略了。只有将#转码为%23,浏览器才会将其作为实义字符处理。四、改变#不触发网页重载单单改变#后的部分,浏览器

    发布时间:2018-05-18 11:43:44
  • HTML5的WebSocket

    WebSocket提供了一个受欢迎的技术,是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术,以替代我们过去几年一直在用的Ajax技术。一、什么是WebSocket API?WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,是基于TCP协议上的独立的通信协议,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket定义了两种URI格式, “ws://“和“wss://”,类似于HTTP和HTTPS, “ws://“使用明文传输,默认端口为80,”wss://“使用TLS加密传输,默认端口为443。在建立WebSocket通信连接前,需要使用HTTP协议进行握手,从HTTP连接升级为WebSocket连接。浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。WebSocket最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于

    发布时间:2017-08-21 22:43:03
  • HTML5 服务器发送事件

    HTML5 服务器发送事件(server-sent event)是单向消息传递,它允许网页获得来自服务器的更新,以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。创建EventSource 对象用于接收服务器发送事件通知var source=new EventSource("demo_sse.php");事件open当成功与服务器建立连接时产生事件message当收到服务器发送的事件时产生source.onmessage=function(event){alert(event.data);}事件onerror当出现错误时产生另外,还需要能够发送数据更新的服务器。服务器端事件流的语法是非常简单的。把EventSource对象指定的文件中的内容类型 "Content-Type" 报头设置为 "text/event-stream"响应文本的内容可以看成是一个事件流,由不同的事件所组成。每个事件由多种类型和对应的数据两部分组成,同时每个事件可以有一个可选的标识符。不同事件的内容之间通过

    发布时间:2017-08-21 21:37:50
  • HTML5 Web Workers使用介绍

    web worker的作用浏览器端JavaScript是以单线程的方式执行的,也就是说javascript和UI渲染占用同一个主线程,那就意味着,如果JavaScript进行高负载的数据处理,UI渲染就很有可能被阻断,从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一,为浏览器端JavaScript开创了一种新的运行模式,让web应用程序具备多线程处理能力,在另外的线程中创建新的运行环境,以便使JavaScript能够在后台做一些费时的处理。Web Worker不能跨域加载,importScripts()方法也同样不能跨域加载。worker内代码不能访问window对象和docuemnt对象Web Worker能使用什么:1、可以使用JavaScript的全局对象:JSON、Date()、Array2、可以使用 setTimeout(), clearTimeout(), setInterval() and clearInterval()3、可以使用XMLHttpR

    发布时间:2017-08-21 21:16:31
  • html5中的canvas绘图方法

    CanvasRenderingContext2D对象的方法:方法参数描述arc(x, y, radius, startAngle, endAngle, counterclockwise)x, y 描述弧的圆形的圆心的坐标。radius 描述弧的圆形的半径。startAngle, endAngle 沿着圆指定弧的开始点和结束点的一个角度。这个角度用弧度来衡量。沿着 X 轴正半轴的三点钟方向的角度为 0counterclockwise 弧沿着圆周的逆时针方向(TRUE)还是顺时针方向(FALSE)遍历。使用一个中心点和半径,为一个画布的当前子路径添加一条弧。这个方法的头5个参数指定了圆周的一个起始点和结束点。调用这个方法会在当前点和当前子路径的起始点之间添加一条直线。接下来,它沿着圆周,在子路径的起始点和结束点之间添加弧。startAngle, endAngle用Math.PI*n表示,360°角=2π弧度,如90度为Math.PI*0.5最后一个 counterclockwise 参数指定

    发布时间:2017-08-21 15:09:27
  • html5中的canvas绘图属性

    <canvas>标签是html5新增的专门用来绘制图像的元素,通过canvas技术可以在web中绘制各种图形。canvas元素本身是一块无色透明的区域,只是一个容器,我们通过javascript脚本在区域上绘制图形。一、添加canvas元素<canvas width="300" height="300">您的浏览器不支持canvas元素,请更新或更换您的浏览器</canvas>元素的宽和高未指定则默认为300,应该在标签内指定宽和高,在css中指定宽和高的话会产生一些错误的行为。当这两个值有任何一个改变时,在该画布上已经完成的任何绘图都会被擦掉。二、通过canvas元素的getContext方法来创建Context对象,以获取允许进行绘制的2D环境。var c=document.getElementById(''myCanvas'');var context=c.getContext(''2d

    发布时间:2017-08-21 14:35:43
  • html5中a标签中的href种类

    一、普通链接<a href="http://www.baidu.com">百度</a>二、邮件链接1.标签最简式<a href="mailto:xxx@xx.com">联系站长</a>2.标签帮你填抄送地址<a href="mailto:xxx@xx.com?cc=xxxx@xx.com">联系站长</a>3.标签帮你填暗送地址<a href="mailto:xxx@xx.com?bcc=xxxx@xx.com">联系站长</a>4.暗,抄<a href="xxxxx@xx.com">联系站长</a>5.标签帮你填主题<a href="mailto:xxx@xx.com?subject=给你主页提个

    发布时间:2017-02-06 14:23:58
  • HTML5的应用程序缓存

    HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)。应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。一旦应用被缓存,它就会保持缓存直到发生下列情况:用户清空浏览器缓存manifest 文件被修改(参阅下面的提示)由程序来更新应用缓存1.在index.html里加上<html manifest="test.manifest">manifest文件的mime-type必须是 text/cache-manifest类型在w3c中manifest 文件的建议的文件扩展名是:".appcache"。2.manifest文件格式如下:CACHE MANIFEST#上面一句必须#2016-12-12 v1.0.0#需要缓存的文件CA

    发布时间:2016-12-16 21:30:56
  • HTML5元数据和一些全局属性

    元数据:<meta>元素:可以定义文档中的各种元数据一、属性charset,直接指定页面编码,<meta charset="utf-8">二、指定名/值元数据对:两个属性http-equiv和name,每个属性都应该有一个对应的content与之对应。meta标签中的http-equiv<meta http-equiv="属性" content="属性值">http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。1、content-Type(设定页面使用的字符集)<http-equiv="content-Type" content="text/html; charset=gb2312">2、content-Language(显示语言的设定)<http-equiv="Content-Language

    发布时间:2016-12-16 21:30:18
首页 上一页 下一页 尾页
共17条 当前1/2页


网址导航