说说 iframe

紫荆棘鸟

新韵诗词首版 @清平乐 先生除了能码一手好诗词外，还兼有其他有点，比如工作认真负责；比如艺术细胞发达，有一手不俗的互联网美工手艺，善于发现·张贴音乐等等 ，这些优点在 这个帖子 得以很好的展示。

套用俗语：没有最好、只有更好  :) 如果清平乐能直接在四季歌论坛 bbs 贴一些美工作品，那无疑是更好的。这里俺给清平乐说说如何用 iframe 做到这一点。

iframe, 是一种标准的 html 标签，其原意是 inline frame，汉语不知具体翻译成什么，但意思就是内嵌框架，将别的网站的网页框架 （frame）内嵌到这里 （embedded inline），算是一种很管用的 html-标签（html tag). HTML 是 HyperText Markup Language, 用汉语表达，就是（超）文本标志性语言，它不属于什么编程语言，就是些文本，由 browser/浏览器根据文本内容以及 html-的标签进行处理，处理后的结果就是大伙儿看到的网页，比如说文章内容，链接，颜色，图片，动画等等。

电脑网络是大约 60 年前在斯坦福大学首先发明的，相对而言其初衷很朴素简单：一些教授在讨论切磋问题时，不太喜欢在办公室之间跑来跑去，于是就制定了最原始的规则，发明了网络。当然那几位教授肯定没有想到他们最初鼓捣出来的东西以后会极大地改变了这个世界 ---- 甚至 20 年后，当 IBM 和 AT&T 为争夺 Unix 操作系统而斗得不亦乐乎时，常青树 IBM 当时的管理层对当时刚兴起的个人电脑 PC 市场还不屑一顾：没有任何理由可以预见个人拥有电脑的必要。于是当时的两大巨头 IBM 和 AT&T （美国电报电话公司）因为将重心放在了 Unix 上，而且害怕联邦政府的反垄断法，于是放弃了 PC 市场，这才成就了微软公司以及苹果公司，当然这是后话。

中国的互联网兴起于上世纪 90 年代初。当时中国有两台服务器，都在帝都北京，其中一台是专门给政府机关使用的，不对外开放；另一台服务器在石景山区中科院高能物理研究所，主要供科研机构使用。当时即使是北大或者清华都没有服务器，教授们给学术杂志邮寄个论文 LaTex 文本，发个电邮，都需要连接到高能物理所这个服务器。后来这台服务器慢慢也对北京之外的大学或者大公司开放：通过长途电话拨号上网。

Html 语言的文本特性（它不像 C-语言那样需要事先编译成机器汇编语言），以及互联网的迅猛发展，以现在马后炮的观点来看，html 最开始的约定其实是很低效的，后来虽然有更好的语言（高效以及更加完美/完备）可以取代 html，但 html 本身已经占领了整个互联网市场，所以现在大伙儿还在用 html，不过这也有一个好处：它简单易懂，这里的文科生、诗人以及散文好手，只要肯动动脑筋，都可以无师自通地懂个大概。

紫荆棘鸟

<br /><br />好，言归正传，这里具体说说怎么样将某个网页版面 （frame）嵌入到这里。用自己的电脑， 不用手机，手机发帖太麻烦。<br>这里的版主应该有使用部分 html 代码的权限<br><br>0）发主贴或者跟帖时，选择 <a href="http://bbs.sijige.net/forum.php?mod=post&amp;action=newthread&amp;fid=43&amp;extra=" target="_blank">高级模式</a>1）<br>1）在编辑区域左下角，点击/展开“附加选项”，勾选 HTML 代码，如下图所示：<br><br> <br><div><br></div><div>2）键入 iframe-代码，如下。将其中 your-url-address 换成你想嵌入的网页地址即可，例如 https://www.meipian5.cn/3qbelw0n ... 8d4dd8a581675638bfb</div><div>或者 http://bbs.sijige.net/forum.php ，等。888 666 是嵌入网页所显示的宽度和高度，您可以通过实际情况进行调节。通常宽度 width 选个 600 到 1000 之间的数字比较好。贴完代码后，保存。<br></div><div><br></div><div>&lt;iframe<br>&nbsp;&nbsp;&nbsp; width="888"<br>&nbsp;&nbsp;&nbsp; height="666"<br>&nbsp;&nbsp;&nbsp; frameborder="1"<br>&nbsp;&nbsp;&nbsp; src="your-url-address"&gt;<br>&lt;/iframe&gt;<br></div>

紫荆棘鸟

<br /><br />3）保存后，您会发现您所贴的东西仅仅显示为源代码，而没有在这个挖个框框显示您想显示的内容。<font style="background-color:cyan">这不是您贴得不对，而是四季歌的软件包 Discuz! 的程序问题</font>，因为它所保存的结果不是按照 html 代码保存的（尽管您勾选了 “html-代码”。<br>这时您要做的是，<font style="background-color:cyan">在帖子下方点击“编辑”修改帖子，将贴子的代码部分删除，重新贴上源代码，然后保存修改</font>。这时网页就能正确地显示。<br><br>试试看？<br><br>
<iframe
    width="888"
    height="666"
    frameborder="1"
    src="https://www.meipian5.cn/3qbelw0n?share_from=self&share_to=copy_link&user_id=61418616&uuid=370684c3c7bc69d30621e0445cd070bd&share_depth=1&first_share_uid=61418616&utm_medium=meipian_android&share_user_mpuuid=05f07e691f3dd0821fdeee107bf3e060&um_rtc=cba45d381e8888d4dd8a581675638bfb">
</iframe>

紫荆棘鸟

二楼那个图片显示好像出问题了，重新上传：

清平乐

收到。我好好学习一下。万分感谢！

紫荆棘鸟

清平乐 发表于 2021-8-16 12:37
收到。我好好学习一下。万分感谢！

好的，您试一试，主要就是要先选择那个 HTML代码，
发完帖子后再修改，重帖一遍代码，就可以了。

亮剑

清平乐 发表于 2021-8-16 12:37
收到。我好好学习一下。万分感谢！

先熟悉一下，也可以委托代发