html5 嵌入元素 img map areaiframe embed meter object meter

<img src="路径">            src 路径可以是img.jpg 也可以是 绝对和相对路径+img.jpg

<img src="路径" alt="风景图">         alt 图片失效时候显示的文本 chrome不支持

<img src="路径" alt="风景图" width="339" height="229">    限定图片尺寸, 不匹配压缩比例甚至变形

 

图片及区域图片指向链接:

<a href="">文字</a>                                        <a>在中间可以插入文本

<a href=""><img src="路径" alt="风景图" width="339" height="229"></a>            <a>在中间也可以插入图片, 插入什么就显示什么. 只不过, 点击文本可以进入链接, 点入图片也可以进入链接

 

ismap 属性

<a href=""><img ismap src="路径" alt="风景图" width="339" height="229"></a>            

<map>        用dreamweaver 把图片的各个区域做成链接

<iframe> 嵌入页面或嵌入另一个文档

<a href="http://www.baidu.com">百度</a> | <a href="http://www.haosou.com">好搜</a>

<br>

<iframe src="http://www.soso.com" width="800" height="600"></iframe>

这段代码点击百度 |好搜 只能整页打开, 并不能单单在frame里面切换.

我们现在要的功能是, 点什么都仅仅在框内刷新,而不影响真个页面.

就要用name属性.

<a href="http://www.baidu.com" target="in">百度</a> | <a href="http://www.haosou.com" target="in">好搜</a>

<br>

<iframe src="http://www.soso.com" width="800" height="600" name="in"></iframe>

 

<embed>    嵌入插件内容

flash插件 type这句话可以不写, 只要前面是swf,默认就是flash

<object> html4带过来的插件, 可以插入很多什么都行,但不太用了.

<progress> 进度条 ie9以下都不支持, js来控制.可以设置默认value

<meter> 和progress 差不多, ie不支持……

转载于:https://www.cnblogs.com/billvvv/p/7018984.html