H5学习】的更多相关文章

上周,我们结束了京东站的制作,本周我们开始了手机站和响应式网站的学习,并仿制了一个手机端界面和一个响应式界面,在完成这两个网站的过程中我遇到了许多问题,也了解了它们的解决方法,接下来我讲详细介绍本周我们的学习内容. 周一,我们了解了像素之间的关系,具体为: 1.设备物理像素:设备上的一个像素点. 2.设备无关像素:可以与物理像素通过dpr转换.(dpr为1时无关像素=物理像素.) 3.css像素:css中使用的的抽象概念,页面没有缩放时,css像素=无关像素. 和视口viewport 的概念:…
怎么说,在各种感觉中h5学习的第二周已经过来了,先总结一下,感觉学习h5是一件让我爱恨交加的事,学会一些新的知识并把它成功运行出来的时候是非常激动和兴奋的,但是有时候搞不懂一个标签或者属性的时候,就有了把电脑砸了的冲动!!!!!!额...好吧,再纠结也并没有什么卵用.还是把这周的总结感悟写一下吧. 这周主要接触的H5知识有CSS盒子模型,浮动与定位,HTML的新增结构标签,[html5]表单新增结构标签,以及CSS过渡和动画. 下面讲一下盒子模型和定位 1.CSS盒子模型 在CSS的学习中,盒模…
H5学习笔记 1.创建超链接: target=”_blank”:链接的目标网页会在新的窗口中打开. target=”_parent”:链接的目标会在当前窗口中打开,如果在框架网页中,则会在上一层框架打开目标网页. target=”_self”:链接的目标会在当前运行的窗口中打开,这是默认值. target=”_top”:链接的目标会在浏览器窗口打开,如果有框架的话,网页中的所有框架也会被删除. target=”_窗体名称”:链接的目标会在有指定名称的窗口或框架中打开. 2.<p></p&…
本周我开始了H5的学习,在这一周里我们从html的基本标签开始一直讲到了才算css的用法,接下来我将记录下来本周我学到的H5的内容. 首先是声明文档,声明文档类型是HTML5文件,它在HTML文档必不可少且必须放在文档第一行. 写法:<!DOCTYPE html>. 接着我们学习了html的基本结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&…
已经接触H5一个周了,经过学习,总算对H5有了一些了解和认知,下面就总结一下我对H5的认知和感悟. 首先接触的是H5的常用标签[meta],它有其以下常用属性 1.charset属性.单独使用,设置文档字符集编码格式,写法<meta charset="UTF-8">,常见的编码格式有GB-2312,GBK,UTF-8等 2.http-equiv属性.需配合content属性使用,主要声明浏览器如何解释编译文  3.name属性,需配合content属性使用,主要给搜索引擎提…
最近在学习前端的东西,H5+CSS3+JS,又分别学习了原生JS和jQuery库,还有Bootstrap框架,因为我是做ios开发的,所以先熟悉WebApp相关的开发知识,其他的学习资料,网上有很多的学习资料,学到交互这块了,简单做个记录! 代码如下: 1,导入jQuery和Bootstrap,不过就简单写了点东西,所以没有用到Bootstrap,我随便导入了个CDN,不过公司的前端开发说,他们一般是把jQuery和Bootstrap下载一个版本,放到服务器上,这样访问速度快,不连网的情况下,不…
1.html{font-size:62.5%;}//不用font-size:10px的原因:(因为设了62.5%后就有1rem = 10px,便于用rem来指定元素的尺寸,这样响应式的时候可以直接改变font-size而无需计算其他各种样式中出现的尺寸了. 用rem定义尺寸的另一个好处是更能适应缩放/浏览器设置字体尺寸等情况(因为rem相对于字体大小,会同步改变). 至于选择62.5%而非10px的原因,主要是兼容性和未来发展趋势的综合考虑,px这个单位的含义已经越来越混乱,几乎无法评估以后的设…
获取位置信息途径: 1.IP地址地理定位数据 2.GPS地理定位数据 3.WI-FI地理定位数据 4.手机地理定位数据 无废话直接上重点:navigator.geolocation对象就是获取地理位置信息的关键(目前由于中国大陆防火墙问题,谷歌浏览器无法提供位置服务) 浏览器获取用户位置信息(属于隐私信息),必须首先通过用户同意. 检测浏览器是否支持H5的方法 if(navigator.geolocation){}else {} 单次请求:  navigator.geolocation.getC…
1.视频文件:音频轨道.视频轨道和一些元数据(视频封面.标题.子标题.字幕等相关信息). 2.目前H5还不支持的:流式音频和视频(H5对视频的支持只限于加载的全部媒体文件).H5的媒体收到跨域资源共享的限制.全屏无法通过脚本控制. 3.检测浏览器是否具有播放视频的功能 var canPlay = document.createElement("video").canPlayType; if (canPlay) {alert("ok");} else {alert('…
使用Sublime Text软件编写电子商务类网站静态形式首页 经过差不多一星期的学习,基本掌握了div+css的用法之后,开始了实战练习.首先要做的就是要练习一下一般电子商务网页的编写,我做的是下图效果的网页,是一个关于台湾特产的网页.如图:      拿到图片之后,首先要分析一下整个网页的结构,上图所示的网页稍微分析一下就可以看出具体分为四个部分,为头部header,中间的广告ad_img,中间的主体内容main和底部的footer,当然具体的还可以分成很多部分,这里主要看个人的习惯,所以在…