随笔分类 -  Html5

摘要:Web Storage存储机制是对html4中的cookie存储机制的改善,由于cookie机制有很多缺点,html5不再使用它,转而使用改良后的Web Storage存储机制。本地数据库是html5中新增的功能,使用它可以在客户端建立数据库,原本必须保存的在服务器上的数据可以保存在客户端本地,这样 阅读全文
posted @ 2018-05-07 21:46 飞鱼0725 阅读(171) 评论(0) 推荐(0)
摘要:关于html5部分,最后要介绍的是如何使用Geolocation API 来获得用户的地理位置信息,如果浏览器支持,且设备具有定位功能,就能够直接使用这组API来获取当前位置信息。 一、Geolocation API的基础知识 html5中,为window.navigator对象新增geolocat 阅读全文
posted @ 2018-05-05 10:47 飞鱼0725 阅读(172) 评论(0) 推荐(0)
摘要:一、canvas元素的基础知识 canvas元素是html5中新增的一个重要的元素,专门用来绘制图形。在页面上放置了一个canvas元素,就相当于在页面上放置了一块“画布”,可以在其中绘画图形。但是在canvas中绘图,并不是用鼠标画图。事实上,canvas元素只是一块无色透明的区域。需要使用jav 阅读全文
posted @ 2018-05-03 21:51 飞鱼0725 阅读(518) 评论(0) 推荐(0)
摘要:一、html5中的大纲 在html5中,使用各种结构元素所描述出来的整个网页的层次结构,就是该网页的大纲。因此在组织这份大纲的时候,不能使用div元素,因为div元素只能当做容器,用在需要对网页中某个局部使用整体样式时。http://gsnedders.html5.org/outliner/网站中有 阅读全文
posted @ 2018-05-03 12:04 飞鱼0725 阅读(282) 评论(0) 推荐(0)
摘要:html5中出了新增了article、section、nav、aside、time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素。 一、header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数 阅读全文
posted @ 2018-05-03 11:27 飞鱼0725 阅读(162) 评论(0) 推荐(0)
摘要:首先来说下微格式,它是一种利用HTML的class属性来对网页添加诸如新闻事件发生的日期和时间、个人电话号码、企业邮箱之类的附加信息方法。 time元素代表24小时中的某个时刻或某个日期,表示时刻时允许带时差。 在编码时机器读到的部分在datetime属性里,而元素的开始与结束标记中间的部分显示在网 阅读全文
posted @ 2018-05-03 10:56 飞鱼0725 阅读(584) 评论(0) 推荐(0)
摘要:aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有别于主要内容的部分。 aside元素主要有以下两种使用方法: 1、包含在aside元素中作为主要内容的附属信息部分,其中内容可以是与当前文章有关的参考资料、名词解释等。 阅读全文
posted @ 2018-04-30 15:15 飞鱼0725 阅读(261) 评论(0) 推荐(0)
摘要:nav元素是一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等,这时使用footer元素最为适合,一个页面中可以有多个 阅读全文
posted @ 2018-04-30 14:07 飞鱼0725 阅读(1074) 评论(0) 推荐(0)
摘要:section元素是对网站或应用程序中页面上的内容进行分块,一个section元素通常有标题和内容组成。但section元素并非一个普通的容器元素,当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素。我们可以这样理解:section元素中的内容可以直单独存储到数 阅读全文
posted @ 2018-04-30 12:02 飞鱼0725 阅读(1258) 评论(0) 推荐(0)
摘要:在html5中,新增了一个“全局属性”的概念,所谓全局属性,是指可以对任何属性都使用的属性。下面列出常用的全局属性。 1、contentEditable属性,是微软开发的,该属性主要功能是允许用户编辑元素中的内容,所以该属性必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示 阅读全文
posted @ 2018-04-29 22:47 飞鱼0725 阅读(504) 评论(0) 推荐(0)
摘要:一、表单新增的属性 1、对input(type="text")、select、textarea与button元素指定autofocus属性,它以指定属性的方式让元素在画面打开时自动获取焦点。 2、input、textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户输入的 阅读全文
posted @ 2018-04-29 20:19 飞鱼0725 阅读(946) 评论(0) 推荐(0)
摘要:一、新增的结构元素 1、section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用,标示文档结构。 h5中的代码事例:<section></section> h4中的代码事例:<div></div> 2、artic 阅读全文
posted @ 2018-04-29 19:16 飞鱼0725 阅读(214) 评论(0) 推荐(0)
摘要:一、世界知名浏览器厂商对Html5的支持 微软:2010年微软称完成Ie9的开发后,讲更对支持css3、svg和html5等互联网浏览通用标准。 Google:2010年谷歌重点开发html5项目。 苹果:2010年苹果开发者大会的会后发布safari5,这款浏览器支持10个以上的html5技术,包 阅读全文
posted @ 2018-04-28 18:34 飞鱼0725 阅读(272) 评论(0) 推荐(0)
摘要:.mynav li:not(:last-child) { margin-right: 20px; } 阅读全文
posted @ 2017-08-11 14:16 飞鱼0725 阅读(102) 评论(0) 推荐(0)
摘要:1、<artical> 定义文章 2、<aside> 定义页面内容之外的内容 3、<audio> 定义声音内容 4、<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。 5、<canvas> 定义图形 6、<command> 定义命令按钮 7、<datalist> 定义下拉列表 8、<de 阅读全文
posted @ 2017-08-07 17:41 飞鱼0725 阅读(119) 评论(0) 推荐(0)
摘要:转自:http://blog.csdn.net/fightplane/article/details/5190037 a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="JavaScript:void(0)" onClick="window.open( 阅读全文
posted @ 2017-08-05 17:10 飞鱼0725 阅读(158) 评论(0) 推荐(0)
摘要:<body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element. </canvas> < 阅读全文
posted @ 2017-02-08 12:11 飞鱼0725 阅读(546) 评论(0) 推荐(0)
摘要:<canvas> 元素没有边框和内容。 阅读全文
posted @ 2017-01-09 17:48 飞鱼0725 阅读(98) 评论(0) 推荐(0)