为了账号安全,请及时绑定邮箱和手机立即绑定

关于在页面中插入代码的问题

前面章节中学习了,

插入单行代码用<code></code>,插入多行代码用<pre></pre>,

发现 包含代码都不含有标签,当出现含有标签的代码内容时,该怎么处理

我想要页面显示效果如图一红框内所示 ,结果是图二  。

如果让图一(页面源代码形式)显示在页面种,该怎么处理……


577dfba70001876f05000131.jpg

577dfba800015e1b03900171.jpg


正在回答

9 回答

http://img1.sycdn.imooc.com//5801a839000153bf02040036.jpg

你想要的是这种效果吧 代码是<xmp></xmp>

0 回复 有任何疑惑可以回复我~
#1

蔷薇的呢喃 提问者

非常感谢!
2017-01-07 回复 有任何疑惑可以回复我~

<pre> 标签中的特殊符号被转换为符号实体,比如 "&lt;" 代表 "<","&gt;" 代表 ">",这样才会显示正确,<xmp>是 html 4.0 之前的处理方式,刚刚试了一下 <xmp>更好用一点,就是不知道html5  还会不会支持

0 回复 有任何疑惑可以回复我~

我想要页面显示效果如图一红框内所示 ,结果是图二  。

如果让图一(页面源代码形式)显示在页面种,该怎么处理……

577dfb080001876f05000131.jpg577dfb0700015e1b03900171.jpg


0 回复 有任何疑惑可以回复我~

全部把所要包含的内容嵌套在<code></code>或<pre></pre>中,把包含内容的无用标签可以删除,要不容易在前台看到

0 回复 有任何疑惑可以回复我~

keyibaohan

0 回复 有任何疑惑可以回复我~

要是在包含代码的标签里出现其他标签 那个标签还是会有效果显示出来的 问题不大 你可以选着干掉包含代码内的标签,也可以看下效果要是OK 也可以无视, 影响不是很大的话

0 回复 有任何疑惑可以回复我~
把带有标签的内容写在<code></code>(<pre></pre>)内
0 回复 有任何疑惑可以回复我~
看原有标签的作用,如果是空行或者换行则可以省去,如果是加粗或者引用之类的则可以保留


0 回复 有任何疑惑可以回复我~

把带有标签的内容写在<code></code>内,大的标签也可以包裹<code></code>问题都不大。大点的标签比如body标签、div标签、ul等等。可以自己尝试一下

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227121    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于在页面中插入代码的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号