首页 > 文章列表 > 如何将在不支持HTML的浏览器中呈现内容包含在标签中?

如何将在不支持HTML的浏览器中呈现内容包含在标签中?

浏览器 标签 关键词:HTML
477 2023-09-14

HTML 标签用于处理不支持<embed>标签的浏览器。<noembed>标签使得提供替代内容来告诉用户他们所缺少的内容变得容易。</p><h2 style="">示例</h2><pre class='brush:php;toolbar:false;'>&lt;!DOCTYPE html&gt; &lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;title&gt;HTML noembed Tag&lt;/title&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;embed src = &quot;/html/yourfile.swf&quot; width = &quot;200&quot; height = &quot;200&quot; &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;noembed&gt;&lt;img src = &quot;yourimage.gif&quot; alt = &quot;Alternative Media&quot; &gt;&lt;/noembed&gt; &nbsp; &nbsp; &nbsp; &lt;/embed&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre></p> <div style="float: right;overflow: hidden;height: 20px;line-height: 16px;font-size: 14px;color:gray;"> 来源:<a href="https://www.tutorialspoint.com/How-to-include-content-to-be-presented-by-browsers-that-do-not-support-the-embed-tag-in-HTML" class="aBlack" title="https://www.tutorialspoint.com/How-to-include-content-to-be-presented-by-browsers-that-do-not-support-the-embed-tag-in-HTML" target="_blank" rel="nofollow">https://www.tutorialspoint.com/How-to-include-content-to-be-presented-by-browsers-that-do-not-support-the-embed-tag-in-HTML</a> </div> </div> <div class="ngfSypBox"> <a href="https://www.jiaoben.net/article/54783.html" class="aBlue" title="">上一篇 当浏览器由于任何原因无法获取媒体数据时,在HTML中执行脚本?</a> <a href="https://www.jiaoben.net/article/54785.html" class="aBlue" title="">下一篇 如何使用JavaScript DOM获取单元格的innerHTML?</a> <div class="clear"></div> </div> </div> </div> <div class="ngfXlhBox"> <div class="ngfTjzxIn"> <div class="ngfTjzxTitle"> <b></b> <h2>本类最新</h2> <span> <a href="https://www.jiaoben.net/articlelist/21_1.html" title="查看更多" target="_blank" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfSpjcList"> <li> <a href="https://www.jiaoben.net/article/313858.html" class="aBlack" target="_blank" title="Flex布局中`flex: 1; width: 0;`是如何防止子元素挤压的? "> <span><img data-src="/uploads/20250408/174410310767f4e6c37e867.jpg" alt="Flex布局中`flex: 1; width: 0;`是如何防止子元素挤压的? " class="lazyload" src="/uploads/20250408/174410310767f4e6c37e867.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>Flex布局中`flex: 1; width: 0;`是如何防止子元素挤压的? </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/301989.html" class="aBlack" target="_blank" title="父组件正确引用子组件,却显示其他子组件的原因是什么?"> <span><img data-src="/uploads/20250408/174410250467f4e4687c628.jpg" alt="父组件正确引用子组件,却显示其他子组件的原因是什么?" class="lazyload" src="/uploads/20250408/174410250467f4e4687c628.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>父组件正确引用子组件,却显示其他子组件的原因是什么?</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/249910.html" class="aBlack" target="_blank" title="在 React 的 JSX 函数中,如何确保组件正确渲染? "> <span><img data-src="/uploads/20250408/174410289867f4e5f2a70ec.jpg" alt="在 React 的 JSX 函数中,如何确保组件正确渲染? " class="lazyload" src="/uploads/20250408/174410289867f4e5f2a70ec.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>在 React 的 JSX 函数中,如何确保组件正确渲染? </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/298974.html" class="aBlack" target="_blank" title="微信公众号内video标签播放监控视频卡顿怎么办? "> <span><img data-src="/uploads/20250408/174410222667f4e3524ef2c.jpg" alt="微信公众号内video标签播放监控视频卡顿怎么办? " class="lazyload" src="/uploads/20250408/174410222667f4e3524ef2c.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>微信公众号内video标签播放监控视频卡顿怎么办? </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/307178.html" class="aBlack" target="_blank" title="CSS子元素如何影响父元素样式?"> <span><img data-src="/uploads/20250408/174410010367f4db0756c15.jpg" alt="CSS子元素如何影响父元素样式?" class="lazyload" src="/uploads/20250408/174410010367f4db0756c15.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>CSS子元素如何影响父元素样式?</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/306419.html" class="aBlack" target="_blank" title="SCSS中:last-child伪类选择器失效了,是什么原因导致的?"> <span><img data-src="/uploads/20250408/174409890567f4d659a309e.jpg" alt="SCSS中:last-child伪类选择器失效了,是什么原因导致的?" class="lazyload" src="/uploads/20250408/174409890567f4d659a309e.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>SCSS中:last-child伪类选择器失效了,是什么原因导致的?</p> </a> </li> <div class="clear"></div> </ul> </div> </div> </div> <div class="ngfRight"> <div class="ngfJxydBox"> <div class="ngfJxydIn"> <div class="ngfTjzxTitle"> <b></b> <h2>热门推荐</h2> <span> <a href="https://www.jiaoben.net/articlelist/21_1.html" target="_blank" title="查看更多" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfJxydList"> <li> <span><a href="https://www.jiaoben.net/article/307264.html" target="_blank" title="CSS圆角边框与内容出现缝隙:如何彻底解决?"><img data-src="/uploads/20250322/174262680267de5ff229514.jpg" alt="CSS圆角边框与内容出现缝隙:如何彻底解决?" class="lazyload" src="/uploads/20250322/174262680267de5ff229514.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/307264.html" target="_blank" title="CSS圆角边框与内容出现缝隙:如何彻底解决?" class="aBlack">CSS圆角边框与内容出现缝隙:如何彻底解决?</a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-22</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/253268.html" target="_blank" title="通过构建一些很酷的项目来学习 Tailwind CSS"><img data-src="/uploads/20250317/174217860167d78929399cb.jpg" alt="通过构建一些很酷的项目来学习 Tailwind CSS" class="lazyload" src="/uploads/20250317/174217860167d78929399cb.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/253268.html" target="_blank" title="通过构建一些很酷的项目来学习 Tailwind CSS" class="aBlack">通过构建一些很酷的项目来学习 Tailwind CSS</a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-17</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/251314.html" target="_blank" title="如何使用 Flex 或 Grid 布局将四个元素排列成自适应宽度和上下两行?"><img data-src="/uploads/20250311/174167070367cfc92fa6292.jpg" alt="如何使用 Flex 或 Grid 布局将四个元素排列成自适应宽度和上下两行?" class="lazyload" src="/uploads/20250311/174167070367cfc92fa6292.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/251314.html" target="_blank" title="如何使用 Flex 或 Grid 布局将四个元素排列成自适应宽度和上下两行?" class="aBlack">如何使用 Flex 或 Grid 布局将四个元素排列成自适应宽度和上下两行?</a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-11</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/299975.html" target="_blank" title="移动端文本过长如何实现自动轮播,长度较短时则不滚动? "><img data-src="/uploads/20250320/174244350767db93f3efd49.jpg" alt="移动端文本过长如何实现自动轮播,长度较短时则不滚动? " class="lazyload" src="/uploads/20250320/174244350767db93f3efd49.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/299975.html" target="_blank" title="移动端文本过长如何实现自动轮播,长度较短时则不滚动? " class="aBlack">移动端文本过长如何实现自动轮播,长度较短时则不滚动? </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-20</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/302803.html" target="_blank" title="小程序开发:如何用列表循环高效处理不同状态的子项? "><img data-src="/uploads/20250310/174161099267cedff040853.jpg" alt="小程序开发:如何用列表循环高效处理不同状态的子项? " class="lazyload" src="/uploads/20250310/174161099267cedff040853.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/302803.html" target="_blank" title="小程序开发:如何用列表循环高效处理不同状态的子项? " class="aBlack">小程序开发:如何用列表循环高效处理不同状态的子项? </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-10</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/303853.html" target="_blank" title="Element-UI Cascader多选:如何自定义+1标签文字? "><img data-src="/uploads/20250328/174312240067e5efe063d07.jpg" alt="Element-UI Cascader多选:如何自定义+1标签文字? " class="lazyload" src="/uploads/20250328/174312240067e5efe063d07.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/303853.html" target="_blank" title="Element-UI Cascader多选:如何自定义+1标签文字? " class="aBlack">Element-UI Cascader多选:如何自定义+1标签文字? </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-28</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> </ul> </div> </div> <div class="ngfJxydBox"> <div class="ngfJxydIn"> <div class="ngfTjzxTitle"> <b></b> <h2>热门教程</h2> <span> <a href="https://www.jiaoben.net/articlelist" title="查看更多" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfRmspList"> <li> <a href="https://www.jiaoben.net/article/245766.html" title="Java 中 HashMap 的底层数据结构是什么?" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250405/174384088867f0e67875f49.jpg" alt="Java 中 HashMap 的底层数据结构是什么?" class="lazyload" src="/uploads/20250405/174384088867f0e67875f49.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>Java 中 HashMap 的底层数据结构是什么?</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/281859.html" title="2025年快递停运时间查询" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250402/174355379167ec84ff3ad50.jpg" alt="2025年快递停运时间查询" class="lazyload" src="/uploads/20250402/174355379167ec84ff3ad50.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>2025年快递停运时间查询</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/216066.html" title="网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250327/174307560367e5391369f7d.jpg" alt="网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法" class="lazyload" src="/uploads/20250327/174307560367e5391369f7d.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/175629.html" title="PHP框架如何使用 PHPStorm" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250326/174297902767e3bfd39c160.jpg" alt="PHP框架如何使用 PHPStorm" class="lazyload" src="/uploads/20250326/174297902767e3bfd39c160.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>PHP框架如何使用 PHPStorm</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/274449.html" title="微信视频号怎么私信给对方?私信给对方他能看到吗?" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250318/174225929767d8c4610da52.jpg" alt="微信视频号怎么私信给对方?私信给对方他能看到吗?" class="lazyload" src="/uploads/20250318/174225929767d8c4610da52.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>微信视频号怎么私信给对方?私信给对方他能看到吗?</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/305936.html" title="GORM关联模型字段:指针类型和值类型在预加载时的区别是什么?" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250322/174265350867dec84401ad2.jpg" alt="GORM关联模型字段:指针类型和值类型在预加载时的区别是什么?" class="lazyload" src="/uploads/20250322/174265350867dec84401ad2.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>GORM关联模型字段:指针类型和值类型在预加载时的区别是什么?</p> </a> </li> <div class="clear"></div> </ul> </div> </div> <!--热门应用 end--> </div> <!--右边 end--> <div class="clear"></div> </div> <div class="sy_footer"> <footer> <div class="footer_cont"> <div class="footcont_left"> <a href="#"> <img style="width: 300px;" src="https://www.jiaoben.net/statics/www/2020images/footer-logo.png" alt=""> </a> </div> <em class="fot_line"></em> <div class="footcont_right"> <p>版权所有:jiaoben.net Copyright 2020~2025</p> <p>本站所有软件、源码、文章均有网友提供,如有侵权联系jiaobennet@163.com</p> <p><a style="color: #999999" href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2022002427号</a></p> </div> <div class="clear"></div> </div> </footer> </div> <!--右侧导航--> <div class="ngfYoucBox" id="menuRight"> <a href="https://m.jiaoben.net" class="aBlue"> <b class="icon1" style="float: none;"></b> <p>手机版</p> </a> <a href="javascript:scroll(0,0)" class="cBlack"> <b class="icon2"></b> <p>返回顶部</p> </a> </div> <!--右侧导航 end--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d7dfe7acaf9cb2eaf7c319afb7d1c287"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="ngfZuocBox" id="menuLeft"> <a href="https://www.jiaoben.net/articlelist/31_1.html" title="软件教程">软件教程</a> <a href="https://www.jiaoben.net/articlelist/30_1.html" title="数据库">数据库</a> <a href="https://www.jiaoben.net/articlelist/29_1.html" title="linux">linux</a> <a href="https://www.jiaoben.net/articlelist/28_1.html" title="网络安全">网络安全</a> <a href="https://www.jiaoben.net/articlelist/25_1.html" title="MySql">MySql</a> <a href="https://www.jiaoben.net/articlelist/21_1.html" title="HTML+CSS">HTML+CSS</a> <a href="https://www.jiaoben.net/articlelist/20_1.html" title="JavaScript">JavaScript</a> <a href="https://www.jiaoben.net/articlelist/19_1.html" title="C++">C++</a> <a href="https://www.jiaoben.net/articlelist/18_1.html" title="goLang">goLang</a> <a href="https://www.jiaoben.net/articlelist/17_1.html" title="php">php</a> <a href="https://www.jiaoben.net/articlelist/16_1.html" title="Python">Python</a> <a href="https://www.jiaoben.net/articlelist/15_1.html" title="java">java</a> </div> </body> </html>