20170211pm html总结

1、h5的存储类型。

localStorage本地存储,永久存在

sessionStorage会话结束即消失。

会话:从输入用户名密码进入系统到退出系统的过程即为会话。即一个终端用户与交互系统通讯的过程。

2、h5应用程序缓存和浏览器缓存的区别。

h5应用程序缓存:可离线访问,让应用程序可以获取本地内容,已缓存的资源加载的更快,减少服务器负载,浏览器将只下载更新的或更改过的资源,提高网站性能。它的实现借助manifest文件。

<!document  html>

<html  manifest="demo.apache">

<body>

.....

</body>

</html>

浏览器缓存:在用户磁盘上对用户最近请求的资源进行存储。

二者区别:与传统的浏览器缓存相比,h5应用程序缓存不强行缓存用户访问的网站,只在有manifest文件时进行应用程序缓存。

3、除了audio  video之外,还有什么媒体文件。h5如何嵌入视频,音频.

track:规定video元素定义的文件的外部文本轨道,定义字幕或其他文本,对外可见。

<video>

<track  kind="subtitles"  label=english   src="tfs.vtt">

</video>

source:定义多种数据源

<video>

<source  src="tfs.mp4"  type="video/mp4">

<source  src="tfs.ogg"    type="video/ogg">

</video>

embed:定义嵌入的内容,比如插件。<embed  type=“video/quicktime”  src="fishing.mov">


h5嵌入视频,h5支持mp4  ogg  webM

<video  width="300"  height="400"  controls>

<source  src="tfs.mp4"  type="video/mp4">

你的播放器不支持。

</video>

h5嵌入音频,h5支持mp3  ogg  wav

<audio  controls>

<source   src="tfs.mp3"  >

你的播放器不支持。

</audio>

4、h5的文档类型和字符集。

文档类型:<!doctype  html>

字符集:<meta  charset ="UTF-8">

5、css盒子模型

分为ie盒子模型和标准w3c盒子模型。都由content   padding border   margin组成。

二者区别在于:ie盒子模型的content包含了border和padding。


6、css选择器的类型。css新增的伪类。

基础选择器:*{}    p{}   .info{}    #info{}

组合选择器:li a{}    div,p{}    div>strong{}   

属性选择器:p[title]{}     div[class="right"]{}

伪类选择器:p:first-child{}   a:link{}    a:visited{}  a:hover{}   a:focus{}   a:active{}

伪元素选择器:p:first-line{}  p:first-letter{}   p:before{}   p:after{}

伪类和为元素的区别:点击打开链接

是否创建了新元素。若需添加新的元素加以标识,则为伪元素。

伪类是向一些选择器上添加特殊的效果。最初是用来表明状态,如链接的vistied  hover  focus  link  actuve,后来指逻辑上存在但无需再文档树上标明的幽灵类。

伪元素是将一些特殊的效果添加到某些选择器上。指某元素的子元素,逻辑上存在文档树上不存在。

可继承的样式:font-family   color   text-indent(首行缩进)    font-size

不可继承的样式:padding   margin   border   width   height

css新增的伪类:p:first-of-type      p:last-of-type    p:only-of-type   p:only-child   p:nth-child(2)   :enabled  :disabled   :checked

7、css优先级。

!important>内联>ID>伪类>属性>类>标签>*

8、动态修改层中内容的方法。   点击打开链接

innerHTML    innerText


<div  id="f1"></div>

<input  type="button"  value="innerText"  onclik="IT()">

<input  type="button"  value="innerHTML"  οnclick="IH()">

<script langue="javascript">

function IT()

{

f1.innerText="innerText"

}

function IH(){

f1.innerHTML="<H1>innerHTML</H1>"

}

</script>

层外outerHTML  outerText




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值