使用code标签获得类似代码段的效果

几乎所有的浏览器都支持 code标签

code标签, 顾名思义,就是代码标签, imply tell browser, that 后面的部分是表示计算机代码. 因此, 浏览器可以根据自己的特点来显示这段代码...

效果图就是这样的
821299-20160921153405434-820866653.png

而pre标签, 也来顾名思义, 就是 预格式化, 表示 下面的 内容段(包括代码duan) , 按照 它本来的样子来进行显示.: 它的主要目的是,用来 保存

内容中的缩进/ 空格等内容..

code和 pre的区别: 虽然pre也只要是常用来表示 代码段, 但是 我们要 主要 从 它们的 本来 语义 上来区别!!!

821299-20160921153820137-884951190.png

============================= ===
但是 code 本身有一个很"致命"的缺点: 他不能表示换行后的内容, 只能表示 在一行内的 较短的 代码.
因此, 要表示较多的, 多行的, 代码, 就正好是 pre 使用的地方..

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值