整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
架是将一个页面划分为若干个窗口, 每一个窗口都是独立;
要实现框架必须使用框架型的DTD;
框架就像一个窗户是由窗格和玻璃组成;
框架中不能有body及body子标记;
框架是由框架集(frameset)和框架页(frame)组成;
格式：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<frameset>
<frame />
<frame />
</frameset>
</html>框架标签:
<frameset></frameset> 放在一个框架文档的<body>标签之前, 也可以嵌在其他框架文档中;
框架中不能有body及body子标记, 框架是由框架集(frameset)和框架页(frame)组成;
<frameset rows="value,value"> 定义一个框架内的行数, 可用像素值或高度百分比;
<frameset cols="value,value"> 定义一个框架内的列数, 可用像素值或宽度百分比;
<frameset cols="120,*"></frameset>
<frameset cols="25%,50%,25%"></frameset>
<frameset rows="120,*"></frameset>
<frameset rows="25%,50%,25%"></frameset>
frameborder 框架边框显示属性
该属性用于指定框架周围是否显示边框, 取值有1(显示边框, 默认值)和0(不显示边框)。
framespacing 该属性用于指定框架之间的间隔, 以像素为单位。
如果不设置该属性，则框架之间没有间隔。
border 指定边框宽度属性
该属性用于指定边框的宽度, 只有在frameborder属性为1时有效。
bordercolor 指定边框颜色
<noframes></noframes> 定义在不支持框架的浏览器中显示什么提示;
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html"/>
<frame src="frame_b.html"/>
<frame src="frame_c.html"/>
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
</html><frame> 定义一个框架内的单一窗或窗区域;
<frame src="url"> 规定框架内显示的html文档;
<frame name="name"> 命名框架或区域以便别的框架可以指向它;
<frame marginwidth=""> 定义框架左右边缘的空白大小,必须大于等于1;
<frame marginheight=""> 定义框架上下边缘的空白大小,必须大于等于1;
<frame scrolling=""> 设置框架是否有滚动栏,其值可以是"yes","no",或"auto";
<frame noresize> 禁止用户调整一个框架的大小;其值只有一个"noresize"
<frame src="frame_a.htm" longdesc="w3school.txt" /> longdesc属性指向了带有框架内容长描述的页面：
<iframe></iframe> 创建一个内联的框架;
src 定义在框架中显示的内容的来源;
frameborder 规定是否显示框架周围的边框。(0或1);
align 控制对齐方式(left、right、middle、top、bottom);
height 框架的高度,
width 框架的宽度;
marginheight 定义 iframe 的顶部和底部的边距。
marginwidth 定义 iframe 的左侧和右侧的边距。
scrolling 规定是否在 iframe 中显示滚动条(yes、no、auto)。
name 规定 iframe 的名称。
bordercolor 指定边框颜色
<iframe src ="/index.html" frameborder="0" bordercolor="red">
<p>Your browser does not support iframes.</p>
</iframe>
关于框架集<frameset></frameset>中属性cols rows分割方法理解
<frameset cols="40%,2*,*"> 将窗口分为40%，40%，20%
<frameset cols="100,200,*"> 将窗口分为100像素，200像素和剩下的700像素
<frameset cols="100,*,*"> 将100像素以外的窗口平均分配
<frameset cols="*,*,*"> 将窗口分为三等份
<frameset rows="*,*,*"> 总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3
<frameset cols="40%,*,*"> 总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧
<frameset rows="40%,*" cols="50%,*,200">
以上"*"表示剩余部分
总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列,
所占空间依据rows和cols属性的值,其中200的单位是像素
属性汇总:
frameset(框架集)
rows 它是将框架集划分为上下型
cols 它是将框架划分为左右型
border 是用于设置框架的边框粗细
frameborder 是用于设置是否显示边框, 取值：yes|no或1|0
bordercolor 用于设置框架边框的颜色
frame(框架页)
noresize 是否可以调整小窗口的大小
name 用于设置小窗口的名称
src 小窗口的url
scroll 是否显示滚动条 yes|no|auto
实例: iframe满屏方案
：李先生家中的新电视，播放时成了这样子
最近，来自安徽滁州的李先生因为一次电视购物体验，心情很糟。
原因不仅出在买来半个月就坏了的新电视上，在售后处理的过程中，其还遇到了各种敷衍、怠慢，甚至主管领导的奚落。在解决方案不甚满意又被蛮横对待的情况下，李先生决定予以曝光，并正在积极收集相关资料、证据，试图走法律维权途径。
据艾肯家电网了解到的情况，事情具体经过如下：
前不久，正在布置新房的李先生，考虑到和女友好事将近，索性用工作刚领到的一笔奖金买了台索尼75吋4K电视75-X8000G，想着有了台硬核的“大家伙”，能让两人在新房观赏高清片源，享受极致声画体验，也算是一种犒劳。
图：用户新房家中的75吋索尼4K电视75-X8000G
就75吋电而言，索尼4K上万元的价格和市面上其他品牌比高出不少，李先生表示，之所以愿意花更高的价格去购买，看中的就是品牌宣称能够提供极好的观赏体验。
笔者经过一番搜索，在索尼官网看到，X8000G系列核心卖点之一就是搭载了4K HDR图像处理芯片X1，指出借助强劲芯，可无压力处理4K视频源，并可将液晶面板的显示效果发挥到极致。同时，还有HDR动态逐像重塑技术、特丽魅彩显示技术等，各种对色彩、画质的加成。
图：索尼官网有关该型号电视的描述截图
可是，当李先生在播放清晰度要求远低于4K(3840x2160)分辨率的1080p片源时，糟心的体验开始了。
图：屏幕黑点现象从一开始就非常严重
其介绍，首先是电视播放屏幕有了坏点，出现了一些黑线。“起初我以为是下载的纪录片片源有问题，就没在意。过几天，我换了几部1080p片源播放，发现依旧整屏黑线，多得离谱，而且是持续出现。我才开始意识到大概率是电视本身出了问题。”
视频链接地址：https://v.qq.com/iframe/preview.html?width=500&height=375&auto=0&vid=q0911n8poyz
李先生用手机拍了电视运行1080p资源时的视频，从视频中清晰可见出，索尼电视在成像中无论相对静态还是动态展现，都出现了许多黑线。
1080p是目前视频网站能提供的大部分视频影片最高的清晰度，索尼该款最新4K电视却出现了全屏频闪。“所以我们看到的要么是模糊的影片，要么是充满黑线的影片。”很显然，万元新机在李先生家已经无法满足用户对于高画质、高品质享受的购买初衷。
遇到电视品控问题，李先生和很多人一样，第一时间想到的是拨打售后电话寻求解决。可是接下来，售后的回应又让他感到颇为无奈和愤怒。
据笔者了解，李先生是今年6月12日在京东商城购买了索尼电视，14日完成了上门安装。一买来没多久就在6月下旬发现问题，前期自行排查问题源和调试无果后，7月6日第一次向客服提出了异议。
在此期间，李先生表示因为很少去新房居住，更很少使用电视，所以当发现问题，并确认是电视本身问题后，随即与公司进行了联系，不敢有丝毫耽搁。然而，经销商和索尼售后称提出异议时间已超出15天，不予以整机更换，只能换修市场价格只有几百到上千价格不等的主板。
“一买来就被修核心部件，折旧了，跟买了二手的有什么区别?”李先生认为，自己所需的最核心也是最基础的声画体验被破坏，问题还出在存有芯片的主板核心部件上，且一买来就出现了严重的质量问题，产品整体本身就不过关，换货要求合情合理。
图：索尼电视动态成像黑线
其次，其认为，该产品售后写明享有全国联保和“三包服务”，这些政策目的是国家为了保护消费者权益的底线。索尼作为国际品牌主观上理应从提供更好的售后服务角度出发，而不是利用客户基于对品牌的信任来精准测算时间差，从而逃避履行退换义务。
“况且，电视显示黑线只有在1080p视频播放源情况下显示，并非是马上可以察觉的，且这个电视安装在新房，也并非马上投入使用。这些实际情况应当予以酌情考虑。更何况，当我们意识到是电视质量本身问题后，马上积极与售后进行联系，并没有拖延提出质量异议的时间。”
“最关键的一点是，即便是按照‘三包政策’，购机发票作为有效凭证，起算日期也应当是从售出产品同时发票开具日期起算，可我在网上购买该产品后，勾选要发票，并填写了姓名电话，经销商至今没有开具发票。那么，以此来算，我认为电视其实并没有超出15天退换期。”李先生补充道。
图：李先生出具的聊天记录显示第一次索要发票是在购买后的第二天
图：在此前所要发票无回应后，李先生在近日又一次索要发票，至今未收到
“检验期间制度是商事交易中便捷、效率原则在法律上的典型表现，其适用范围原则上限于具有较高的理性程度和风险防范能力的专业商人。对非上人之间的民事买卖，或者买受人一方为普通消费者的，机械使用检验期间制度会不适当地家中买受人的注意义务，有时候会导致明显不公平的结果”。——援引自买卖合同司法解释第十七条和第十八条
笔者在咨询了相关司法从业人士后，也被告知上述司法解释，即“三包政策”作为行政规定，根据买卖合同司法解释第十七条和第十八条，对于产品质量的检验期限是应该根据产品特性，消费者的类别来予以决定的。考虑到4k电视是新兴电子产品，又是第一次购买的普通消费者，并非彩电行业从业人员，机械适用15天规则，不符合法律规定。
事实上，新三包政策产品批次中，早已包含电脑、手机、电视等品类，可在实际应用中，很多经销商为了自己的利益，都在钻法律法规的空子，再加上消费者甚至315人员都不甚了解三包具体内容，想退换货清款，几乎没可能。这也给李先生这样的用户，在维权上造成了很多困扰。
如果还只是这些，或者只是屏幕外部刮痕，李先生一方表示，只会停留在和销售方友好协商的层面，矛盾并非不可调和。为何现在要整理录音、聊天记录、政策法规等材料，准备付诸法律途径寻求解决呢?
李先生告知艾肯家电网，“当我发现问题咨询售后的时候，售后部门之间相互推诿，不断重复询问已知信息，来消耗我的耐心，试图增加沟通时间成本让维权难以继续。”
而最让李先生和其女友难以接受的是服务人员的态度，据其透露一位自称可以代表索尼的李姓女性主管，在被要求请第三方机构仲裁，同时请求她告知公司地址的时候，不仅拒绝提供公司基本信息甚至采用了讥讽嘲弄的语气。
“她的原话是，‘消费者有哪条法律规定，可以要求我们告知你我们公司的工商登记信息?’‘我们索尼公司在中国只有电话号码可以联系！其他信息我们不予提供！’”李先生言及于此，也情绪激动了起来。在其看来，索尼售后的做法有店大欺客之嫌。
为此，李先生在索求信息无门之际，自行在购机的京东商城索尼店铺中搜索到了售卖方相关工商资质信息，显示所在地为上海宝山区一家名为灏旷的贸易公司，主营家用电器。
目前，这家店铺在京东已经是除索尼京东自营店外，排名和销量最靠前的一家。巧合的是，在索尼电视贴吧的置顶帖中，该家店铺近期也有被曝光举报售后消极、店名更换的先例。
截止笔者发稿时，京东客服最新一次通话中再一次对李先生的退还要求不置可否，并不断拖延时间。双方眼下仍未就矛盾争议达成一致。
都说索尼大法好，可是75吋4K电视的品控，以及经销商家、官方售后、相关从业人员的所作所为，却让像李先生这样一心奔着品牌而去的用户在使用体验上蒙上了一层浓重的阴影，恐怕难免今后会对索尼系列产品失去信心。
对索尼电视而言，这或许只是一个个案，一台4K电视的利润在其全球销量中更是微不足道。但在消费意识、维权意识双双升级的中国消费者面前，在讲求用户至上、服务至上的当下，尤其是新国货崛起的步步紧逼态势下，外资品牌的本土化之路显然还有许多要适应改进之处，服务更亟待重视、妥善解决。(陈轩之)
离Chrome 57正式版发布仅17天时间，昨日，Chrome 58测试版已经新鲜出炉，并通过谷歌开发者公众号发布了更新详情。
Chrome 58测试版主要针对IndexedDB 2.0、改进iframe导航、PWA沉浸式全屏体验等几方面进行了改进和升级，此外还包括其它大量新特性，具体如下：
除非另外注明，否则下面介绍的更改均适用于最新 Chrome Beta 渠道版（Android、Chrome 操作系统、Linux、Mac 和 Windows）。
IndexedDB 2.0
现在，Chrome 完全支持 IndexedDB 2.0 标准，在此浏览器中，可以更轻松地处理大数据集。IDB 2.0 采用新的架构管理和批量操作方法，故障处理方式也更标准化。
网站数据库的结构对性能的影响很大，而且很难改变。为简化更新操作，现在，在重构后，可以原地重命名对象存储和索引。网站也可以使用更多自然关键字，而无需担心性能受到影响，因为二进制关键字可压缩自定义关键字表示。
使用getKey 和 openKeyCursor 方法，可以简化数据检索，在只需一个数据库关键字时，还可提升性能。使用新的 continuePrimaryKey 游标方法，可以更轻松地分割跨事务、跨页面加载的大数据访问，而不必担心出现重复的主键。getAll 和 getAllKeys 方法无需使用游标，即可批量恢复整个数据集。
改进 iframe 导航
自动重定向页面的第三方内容（例如广告）可能给用户带来困扰，带来安全问题。因此，开发者可以将第三方内容置于沙盒化的 iframes 中，避免出现此状况。但是，在某些情况下，与标准广告类似，点击此类内容需要导航顶级页面。
为解决此问题，Chrome 58 现在支持新的 iframe 沙盒关键字 allow-top-navigation-by-user-activation。此关键字使沙盒化的 iframes 在用户交互操作触发时能够导航顶级页面，同时阻止自动重定向。
PWA 沉浸式全屏体验
当 Progressive Web App (PWA) 从 Android 主屏幕启动时，这些 PWA 会以一种类似于独立应用的模式启动，此模式下会隐藏多功能框。这有助于营造一种富有吸引力的用户体验，并释放屏幕空间，以显示更多内容。但是，对于游戏、视频播放器或其他富媒体内容等更沉浸式的体验，系统栏等其他移动 UI 元素仍然会分散用户注意力。
现在，PWA 可以在其网络应用清单中设置 display: fullscreen，在网站从主屏幕启动时隐藏非应用 UI，提供完全沉浸式的体验。
PWA 从主屏幕启动（左）、PWA 在独立模式下从主屏幕启动（中）和 PWA 在全屏模式下从主屏幕启动（右）。
此版本中的其他特性
— 现在，工作线程和共享工作线程可以使用 data: 网址进行创建，通过为其赋予不透明的来源，可更安全地利用工作线程进行开发。
—通过PointerEvents.getCoalescedEvents，开发者可以访问上次提交 PointerEvent 以来的所有输入事件，使绘图应用可以更轻松地使用精确的点记录绘制更平滑的曲线。
—现在，开发者可以使用新的 ControlsList API，自定义 Chrome 的原生媒体控件，例如 download、fullscreen 和 remoteplayback 按钮。
—对于 Chrome（Android 版），使用改进的添加到主屏幕工作流安装的网站将可以不受限制地自动播放通过清单范围中包含的来源提供的音频和视频。
—对于 Chrome（Android 版），使用 autoplay 属性的视频在退出屏幕时将暂停播放，返回屏幕将继续播放，以保持跨浏览器的连贯性。
—现在，网站可以使用 color-gamut Media Query，获取 Chrome 和输出设备支持的颜色的大致范围。
—现在，无需手动重置 float 和 clear 等多种布局属性，网站可以使用 display: flow-root 添加一种新的块格式设置上下文。
—为缩短 JavaScript 分析时间，SVGPoint、SVGRect 和 SVGMatrix 已转移至 Geometry 外部的新界面中。
—使用新的 Selection API 函数 removeRange，开发者现在可以通过编程移除指定的文本范围。
—现在 Chrome（Mac 版）支持 PointerEvent.tangentialPressure 和PointerEvent.twist 属性，可为触控笔设备和绘画应用提供更多信息。
—为简化开发者体验，现在 JavaScript 允许在形式参数和实际参数列表中使用终止逗号。
—WebAudio API 新的播放AudioContextLatencyCategory 使开发者可以轻松地在延迟时间、功耗和 CPU 效率之间做出有意识的权衡。
弃用和互操作性的改善
—Apple-interchange-newline、Apple-converted-space、Apple-paste-as-quotation、Apple-style-span 和 Apple-tab-span 已被弃用，因为它们是非标准 CSS 类。
—usemap 属性现在使用区分大小写的匹配方式，而不使用兼容不区分大小写，以更好地符合相关规范。
—现在，根据 Chrome 针对一些重要功能的政策，使用 Notifications API 请求通知权限或创建非永久本地通知时，网站必须使用 HTTPS。
—为了更好地符合相关规范，现在当 cancelBubble 设置为 true 时被视为 stopPropagation 的别名，在设置为 false 时则不执行任何操作。
—VTTRegion 界面函数 addRegion 和 removeRegion 已从 WebVTT 规范中移除，因此也将从 Chrome 中移除。
—导航至 data: 网址的顶级页面的功能已被弃用，以进一步防止用户受到欺骗和钓鱼式攻击。
—HTMLEmbedElement 或 HTMLObjectElement 的实例不再可以作为函数调用，因为旧版调用程序已被移除。
—在 IETF 将这些算法标准化为 RFC 7539 和 RFC 7905 以及随后在 Chrome 41 中发布标准版本后，移除了标准化前的 ChaCha20-Poly1305 密码。
—为改善互操作性，如果增加的范围与现有范围重叠，Selection.addRange 现在会忽略前者，而不是将两个范围合并。
—根据 Chrome 针对一些重要功能的政策以及根据相关规范，已弃用通过不安全来源传输加密媒体扩展。
—AudioBuffer 构造函数现在允许使用 AudioBufferOptions 词典的sampleRate 成员代替 context 参数，以简化界面，同时强调可以在 AudioContexts 之间共享 AudioBuffers。
—现已在服务工作线程中弃用同步 FileReaderSync API，因为服务工作线程规范要求所有类型的同步请求都应在服务工作线程外部发起。
—现在 abbr 和 acronym 元素默认添加点式下划线，以符合 HTML 标准。
—现已移除motion-path、motion-offset 和 motion-rotation CSS 属性，分别由以下新版本取代：offset-path、offset-distance 和 offset-rotate。
—在访问 selectionDirection、selectionStart 和 selectionEnd 等 Selection API 属性时，Chrome 原本会引发 InvalidStateError DOMException，但现在返回 null。
—现在，Selection API 的 setBaseAndExtent 不会在无提示的情况下限制过大的偏移值，而是引发 IndexSizeError DOMException，以更好地符合相关规范。
—现在，Selection API 的 setBaseAndExtent、extend 和 collapse 不会因 DocumentType 节点输入而在无提示的情况下失败，而是引发 InvalidNodeTypeError DOMException，以更好地符合相关规范。
—为更好地符合相关规范，getRangeAt 现在始终返回新的位置规范化的 Range。
—现已移除 AudioSourceNode 接口，因为它不再属于 WebAudio 规范。
—现已移除 webkitdropzone 属性，因为它未得到广泛采用。
Chrome 58测试版详细介绍：点击这里
*请认真填写需求信息，我们会在24小时内与您取得联系。
