将SVG文件嵌入到网页中的问题 并说object和embed标记 同问
2009-08-25 23:49
344 查看
http://blog.csdn.net/kagad/archive/2006/04/29/696835.aspx
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/kagad/archive/2006/04/29/696835.aspx
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
将SVG文件嵌入到网页中,可以使用<object>将其包含到网页的HTML中,例如下面的HTML文档:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<object type="image/svg+xml" data="MySVG.svg"
width="300" height="200">
</object>
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
将其保存为MySVG.html,并将MySVG.svg文件与此HTML文件放到同一目录。将MySVG.html直接拖到IE浏览器中,在本地打开,可以看到效果。
再将两个文件放到服务器上,在客户端IE浏览器中打开该HTML页面,发现不能正确浏览该网页的SVG文件。为了测试,又随便找了一台机器,发现也不能正确浏览该网页。什么问题呢?浏览器的问题?没有时间,也懒得下其它浏览器测试。
仔细看看HTML代码,让我想到了<embed>。object和embed是两个HTML标记,最开始出现的时候是针对Internet Explorer和Netscape两种浏览器的,<object>是一个比<embed>更不正式的标签。他们功能差不多,但是还是有一些区别,比如说如果嵌入的文件尺寸过大时,<object>只会对其缩放,而<embed>会将其裁剪掉。
既然<object>和<embed>有不同,那么用<embed>的话会如何呢?修改HTML文件为:
<html>
<head><title>SVG Demonstration</title></head>
<body>
<h2>SVG Demonstration</h2>
<p>A page may have other code besides the SVG image.</p>
<embed src=" MySVG.svg" width="300" height="200"
type="image/svg-xml" />
<p>Using objects allows the browser to decide what to display.</p>
</body>
</html>
保存文件,打开客户端浏览器,输入网址,可以正确浏览网页包含的SVG文件。
原因呢?为什么用<object>找不到SVG文件,而用<embed>就可以?难道<object>嵌入的是本地资源,而<embed>嵌入的是服务器上的资源?也许是这样吧,也许是我的IE本身的问题。如果您知道,告诉我一下。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/kagad/archive/2006/04/29/696835.aspx
相关文章推荐
- 将SVG文件嵌入到网页中的问题 并说object和embed标记
- 网页中嵌入Flash之OBJECT和EMBED标签
- PDF网页显示: object标签使用pdf插件打开中文文件的问题 (WEB开发)
- PDF网页显示: object标签使用pdf插件打开中文文件的问题 (WEB开发)
- 在浏览器将网页中的附件或者文件链接保存至本地时(比如ATUlog无法下载),文件名字变为乱码问题
- jw player解决网页播放mp4文件的问题
- 蛙蛙推荐:基于标记窗的网页正文提取算法的一些细节问题
- python 3读网页文件及保存成本地文件,遇到的编码问题
- 网页中遇到的网页文件编码问题的解决办法
- [置顶] 网页中使用pdf.js展示pdf文件,全屏问题以及绝对路径如何读取
- Latex文件转成pdf后的字体嵌入问题
- Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法
- JavaScript-网页客户端系统文件操作-FileSystemObject 对象
- 【转】ASP.NET上传大文件出现网页无法显示的问题
- 未能加载文件或程序集 Microsoft.ReportViewer.ProcessingObjectModel, Version=10.0.0.0…错误问题的解决
- 关于 网页嵌入字体 的问题
- 网页嵌入快播播放器并实现服务器视频文件连续播放
- 关于IE和火狐,谷歌,Safari对Html标签Object和Embed的支持问题
- 如何在网页中嵌入Media player 播放流媒体文件
- 如何在网页中嵌入流媒体文件