byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=10931鑫空间-鑫生活本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。一、代码呈现元素以前我都是使用元素表示代码,最近深入了解了下,发现表示代码、或者可以用来表示代码的HTML元素还挺丰富的,包括下面这4个。kbd: 键盘输入的文字内容samp: 范例输出code: 计算机代码输出var: 变量与自变量实例均是内联元素。而元素本身的语义和代码无关,只是格式化文本的特性特别适合呈现代码。下面通过案例,讲解下各个HTML元素适合使用的场景。1. kbd元素元素表示用户输入的信息内容。比方说,我们示意 git 使用代码,程序员输入的信息就使用使用表示。例如:D:\zxx\css-world >git checkout master浏览器默认会给元素添加等宽字体,例如我的Windows Chrome下是monospace字体族。效果参考如下:2. samp元素元素表示案例结果输出,不一定是代码运行结果的输出,其他运行输出也是可以使用此元素。比方说:'3'.padStart(2, '0')会自动补零,因此输出文本是'03'元素同样会应用monospace字体族,多以Courier 或者 Lucida Console 字体为主。3. code元素元
...
继续阅读
(238)