HTML框架与多煤体

keywords：HTML框架;frame标签;iframe标签;vidoe标签;audio标签;

上下文

HTML中的框架的主要作用是快速构建html页面整体框架和引入外部资源；早期网页中用frameset+frame标签实现，h5仅支持了iframe标签；由于其对网页加载和搜索引擎的并不友好，现在很少使用；

HTML中的多煤体：包括网页对于音视频的支持；

推荐文章：
详解iframe与frame的区别

基本用法

1.HTML 框架
基本格式：

frameset标签：划分浏览器板块，不能与body标签同时出现

• cols属性：划分为几列
• rows属性：划分为几行
• 可嵌套

frame标签属性:

• src属性：引入嵌套的内容（一个网页）
• name属性：在target属性中使用，使其在相应框架页面下打开
• noresize="noresize":防止拖拽

内联框架：用于在网页内显示网页

• width、height属性:设置iframe元素宽高。
• frameborder属性：规定是否显示 iframe 周围的边框宽度。
• name属性：在target属性中使用，使其在相应框架页面下打开

2.多媒体（一般为行内块）

iframe音视频框架：引用其他大型网站视频

video标签(h5)引入视频，浏览器支持情况如下图

属性：

兼容方案：source标签（单标签）逐个检测，都不支持显示文字

audio标签(h5)引入音频，浏览器支持情况如下图

属性：

多浏览器支持方案：source标签（单标签）逐个检测，都不支持显示文字

雅虎媒体播放器播放音频

Play Sound

参考文献：

[1]MDN-frameset标签

[2]MDN-frame标签

[3]MDN-iframe标签

[4]MDN-网络媒体技术