HTML5元素-嵌入内容

HTML5元素-嵌入内容

<!-- 嵌入图像 -->
<img src = "" alt = "" width = "" height = ""/>
<!-- 可用属性: src, alt, height, width, usemap, ismap -->


<!-- 在超链接里嵌入图像 -->
<a href = "">
	<img src = "" alt = "" width = "" height = "" />
</a>
<!-- 使用 ismap 属性 创立服务器端分区响应图, 图像上点击的位置会附加到URL上 -->


<!-- 创建客户端分区响应图 -->
<img src = "" usemap = "mymap" alt = "" width = "" height = ""/>
<!-- 创建客服端分区响应图,无需用a元素显示创建超链接 -->
<map name = "mymap">  
	<area href = "" shape = "rect" coords = "x,x,x,x" alt = ""/>
	<area href = "" shape = "circle" coords = "x,x,x" alt = ""/>
	<area href = "" shape = "poly" coords = "x,x,x,x,...." alt = ""/>
	<area href = "" shape = "default" alt = ""/> <!-- default 覆盖整张图 -->
</map>

<!-- area 属性: href, alt, target, rel(与目标文档的关系)-->
<!--			media(此区域使用的媒介), hreflang(目标文档的语言), type(目标文档MIME类型) -->

<!-- 嵌入另一张HTML文档 -->
<iframe name = "" width = "" height = "">
</iframe>
<!-- 可用属性: src, srcdoc, sandbox, seamless -->
<!-- sandbox 相关值 allow-forms, allow-scripts, allow-top-navigation, allow-same-origin -->
<!-- sandbox 不附带值时 禁用脚本,表单,插件,指向其他浏览上下文的链接 -->
<!-- seamless 浏览器把 iframe内容显示得像主HTML文档的一个整体组成部分 -->


<!-- 通过插件嵌入内容 -->
<!-- 使用 embed 元素 -->
<embed src = "" width = "" heigth = "" type = "" />
<!-- 可嵌入其他网站的视频 -->

<!-- 使用 object 元素 -->
<object data = "" width = "" height = "">
	<param name = "" value = "" />   <!-- 设置参数 -->
	备用内容 data所指内容不存在时显示
</object>


<!-- object的其他用途 -->
<object data = "xxx.png" type = "img/png"/>  <!-- 和img元素一样,也可以建立分区响应图 -->
<object type = "text/html" name = "frame" width = "" height = ""/> 
<!-- 与iframe类似,将object元素作为浏览上下文环境 -->


<!-- 嵌入数字表现形式 -->
<!-- 显示进度 -->
<progress value = "当前进度" max = "0到max范围"/>

<!-- 显示范围里的值 -->
<meter value = "" min = "" max = "" low = "" high = "" optimum = "最佳值"></meter>