要想网站美观大气又不失逼格，那么在网页中就少不了嵌入元素的使用，嵌入元素的主要功能是把外部的一些资源插入到html中，使得网站有更好的交互体验。关于html中的嵌入元素你是否了解，而关于它们的属性你又知道多少？今天阳光梦网络小编与你分享关于html5中的嵌入元素，希望对大家有所帮助。

      1.<img>嵌入图片：

      2.<map>创建分区响应图:

     通过图片中的热点进行超链接。

      3.<iframe>嵌入另一个文档：

    <iframe>元素表示内嵌一个html文档。旗下的src属性表示初始化时显示的界面。Width和height表示内嵌文档的长度和高度。Name表示用于target的名称。

      4.<embed>嵌入插件内容：

 <embed>元素是扩展浏览器的功能，大部分用于添加对插件的支持。Type类型表示被插入内容的类型。

      5.<object>元素和<embed>元素一样。只不过object是html4的标准而embed是html5的标准，而object不但可以嵌入flash，还可以嵌入图片等其他内容。

     6.<progress>显示进度：

  <progress  value=”30”  max=”100”></progress>

 <progress>元素可以显示一个进度条，一般通过js控制内部的值。IE9及更低版本不支持此元素。

     7.<meter>显示范围里的值：

  <meter  value=”90”  min=”10”  max=”100”  low=”40”  high=”80”   optimum=”60”></meter>

      <meter>元素显示某个范围内的值。旗下的属性包含：min和max表示范围边界，low表示小于它的值过低，high表示大于它的值过高，optimum表示最佳值，但不出现效果，IE元素不支持此元素。