html语言pre,【已解决】html代码中用pre还是code表示程序代码以及如何指定代码的语音种类...
想要去回复一个帖子
发现其中不支持Markdown
导致想要贴代码:一是没有代码的模块支持
二是不知道如何指定代码语言
之前自己用过pre和code
但是不知道哪个去表示代码段 代码块 更合适。
html pre code
建议用:
your multiple line
of code
但是还没解释如何指定代码语言
还有:...
【总结】
html中:
pre=PREformatted=预先格式化好的(文本)你原始内容是啥样,就以啥样显示不会对内容做解析不会有额外换行等操作
pre是否支持额外的属性?pre本身并没有特定的属性但是html中还有一些通用的属性典型的,可以用于pre的属性有lang指定对应的代码语言后记发现自己搞错了:此处lang表示网站内容的语言
只能是en:表示英文
zhcn:表示中文
等方面的含义
不是 计算机语言 C,Python等语言
:原意用来表示 一小段 代码所以理论上来说,对于一大段 多行的代码 不是很合适直接用code但是逻辑上肯定是最适合用来表示:程序语言的代码=code
显示所用字体:用浏览器的默认等宽字体显示比如后来在oschina中发现的css字体配置是monospace:
code, kbd, samp {
font-family: monospace,monospace;
font-size: 1em;
}
和code逻辑上有关的其他标签元素还有:HTML Sample Element
最佳实践中,往往用pre+code去包含和显示程序代码:
your multiple line
of code
加上lan后:
if __name__ == "__main__":
print("Hello for using
and to demo HMTL python code")
下面通过对比去解释code是否有pre的效果和区别:
有pre的code
function sayHi(fName){
var custName = fName;
alert('Hi ' + custName);
}
效果:
没有pre的code
function sayHi(fName){
var custName = fName;
alert('Hi ' + custName);
}
效果:
此处最后用如下方式去表示python的代码:
手动输入了:
自己粘贴代码到这里
保存提交后,再去修改,发现粘贴的:代码中的内容 是没有变化只是html中默认的实体变了双引号” -> "
即:
# Version: 20190515
...
python code
...
发布后的效果:
【附录】
此处列出pre加上所有的属性后的效果,供参考:
accesskey=""
class=""
contenteditable=""
contextmenu=""
dir=""
draggable=""
dropzone=""
hidden=""
id=""
itemid=""
itemprop=""
itemref=""
itemscope=""
itemtype=""
lang=""
spellcheck=""
style=""
tabindex=""
title=""
translate=""
onabort=""
onautocomplete=""
onautocompleteerror=""
onblur=""
oncancel=""
oncanplay=""
oncanplaythrough=""
onchange=""
onclick=""
onclose=""
oncontextmenu=""
oncuechange=""
ondblclick=""
ondrag=""
ondragend=""
ondragenter=""
ondragexit=""
ondragleave=""
ondragover=""
ondragstart=""
ondrop=""
ondurationchange=""
onemptied=""
onended=""
onerror=""
onfocus=""
oninput=""
oninvalid=""
onkeydown=""
onkeypress=""
onkeyup=""
onload=""
onloadeddata=""
onloadedmetadata=""
onloadstart=""
onmousedown=""
onmouseenter=""
onmouseleave=""
onmousemove=""
onmouseout=""
onmouseover=""
onmouseup=""
onmousewheel=""
onpause=""
onplay=""
onplaying=""
onprogress=""
onratechange=""
onreset=""
onresize=""
onscroll=""
onseeked=""
onseeking=""
onselect=""
onshow=""
onsort=""
onstalled=""
onsubmit=""
onsuspend=""
ontimeupdate=""
ontoggle=""
onvolumechange=""
onwaiting=""
>
【后记】
后来才发现人家支持:代码段
然后试试人家的代码段 生成的html用的是什么写法
去看看人家的代码中怎么写的:
if __name__ == "__main__":
print("Hello for using <pre> and <code> to demo HMTL python code")
此处是:用oschina自己的class值:language-python表示是python语言
且把pre和code中 html中默认的实体 大于号 小于号 等 写成默认的>和<
【后记2】
后来发现:
即使没有指定
class=”language-python”
只用:
...
也可以自动识别为Python,去代码高亮的:
最终心得:
(估计是其他浏览器中也是)
用:
your code
maybe many lines of code
即可表示代码段,代码块 了。
且很多浏览器中,估计内部用了代码高亮的插件了
所以即使此处没有指定代码语言
(比如oschina中的class=”language-python”:
your python code
)
也可以自动检测代码的语言,并高亮显示的。
【后记3】
后来调试发现:
用的是:
# Version: 20190515
import re
...
if __name__ == "__main__":
extractLog()
-》不是希望的,以为的,自动检测出是python的代码
-》其实是自动误判为perl代码了,所以有代码高亮,但其实是perl的代码高亮
-》那现在就去重新修改自己的答案,设置代码块为Python
看看python代码高亮的效果:
结果发现还是perl:
-》再去看看之前自己的答案,发现前面加上的:
class=”language-python”
已经没了,变成了之前的:
-》看来是oschina的编辑器,自作主张,擅自做主,或者是有bug,把自己设置的python的代码的属性,去掉了,自己主动检测出是perl语言。。。
-》算了,懒得管oschina的编辑器的bug或擅自作出的事情了。。。
html语言pre,【已解决】html代码中用pre还是code表示程序代码以及如何指定代码的语音种类...相关推荐
- python datetime 格式化_[已解决]Python中用strftime格式化datetime出错
折腾: [已解决]Flask中的templates的html中格式化datetime 期间,用代码:@app.template_filter('datetime_format') def_jinja2 ...
- laravel改代码没变化_菜鸡程序员是如何写代码的?
每个程序员都要历经从菜鸡到大牛过程蜕变胡过程.当初大家起点都差不多,工作多年后,有些人依然停留在菜鸡,有些人却已成为大牛,所有的事情,都是一点一滴习惯养成.让我们看看菜鸡程序员是如何写代码的?有可能找 ...
- 小程序开发代码_快速学会微信小程序开发,无需懂代码!
现在想要制作自己的小程序的人越来越多,但大多数都不懂任何代码知识,不知该如何制作.其实随着各种第三方开发工具的出现,无需微信小程序开发源代码,小白也能顺利生成一个自己的小程序了.下面我就跟大家说下该如 ...
- html画圆圈原理,【已解决】HTML中用Canvas画圆圈
折腾: [未解决]vuejs的vue-admin-template中自己手动实现画出类似电路图的控制面板图 期间,再去canvas中圆圈 如图: 希望画出大大小小的各种圆圈 包括圆圈里面还带东西的.c ...
- [已解决]iPhone 中国移动 开机短信 ‘尊敬的用户,您发送的服务代码或指令不正确,请确认后重新发送‘
现象 手机卡在经历过断电又通电之后(比如开机状态直接拔卡),肯定会收到这样一条短信. 解决办法 我打了好几次 10086 的投诉,最终移动公司后台核查后反馈给我结果是, 手机卡在通电后后会向运营商发送 ...
- C 语言漏洞最严重,PHP 最易受攻击,程序员该怎么写代码?
[CSDN 编者按]论编程语言的安全性,作为历史最悠久的编程语言,C 仍然是开源漏洞最多的一个,但 PHP 的变化却最大,为什么 PHP 更容易受到攻击? 作者 | Michael Hollander ...
- 【已解决】请在位于当前 Web 应用程序根目录下的“web.config”配置文件中创建一个 <customErrors> 标记
问题 详细信息: 若要使他人能够在远程计算机上查看此特定错误信息的详细信息,请在位于当前 Web 应用程序根目录下的"web.config"配置文件中创建一个 标记.然后应将此 标 ...
- 已解决(转)关于android - apk(解析错误)解析程序包时出现问题
如果开发的应用用户较多,那么必须保证应用在多个版本不同的设备上能够正确的运行.这就要求对各个版本比较熟悉,知道在什么版本中加入了什么新的功能或特性.但是Android的版本太多了,是个令人头疼的问题. ...
- (已解决)显卡(N卡)设置独显后,指定程序依旧使用集显渲染
显卡(N卡)设置独显后,指定程序依旧使用集显渲染 设置流程如下 设置流程如下 1.打开 nvdia 控制面板 2.设置全局为独显 3.修改指定程序为独显 4.以上几步若无效,则按如下修改 选择对应的程 ...
- Python程序退出时执行指定代码
一:捕获所有的异常 二:采用traceback模块查看异常,需要导入traceback模块,这个方法会打印出异常代码的行号 三:调用atexit import atexit import signal ...
最新文章
- [踏月独行]一生能有多少爱
- Android NDK学习(3)使用Javah命令生成JNI头文件 .
- dnf 跨服 服务器 位置,dnf2017跨区表_2017dnf90级版本跨区表_快吧游戏
- scrapy使用crawlspider
- 洛谷 P1451【细胞】
- python实现k core算法_python实现k-近邻算法
- JavaScript:继承详解
- CSS3属性box-shadow详解[盒子阴影]
- Linux编写带缓存的程序,Video4linux2应用程序编写
- Microchip PIC系列8位单片机入门教程(六)ADC
- 阿里云网盘:阿里云盘公测预约中,附官网地址入口
- 经典的图像分割方法总结
- 微信小程序下拉加载更多 带后台 解决加载的内容 是新加载的view中最后一个view
- 微信号名称乱码什么情况_“微信号”与“微信账号”有什么区别?
- 想开发微信小程序分销商城需要做好哪些地方?
- 后台管理 vue+element 开源框架
- graphics.h头文件图形绘画详解(史上最详细)
- C语言排序之冒泡法(起泡法)
- java 虚拟机(3)
- Delphi中record的使用
热门文章
- ssm-学子商城-项目第一天
- Mac更新Big Sur或者Monterey后没有管理员账户或当前账户没有管理员权限或rm /var/db/.AppleSetupDone: No such file or directory解决方案
- 常见单片机芯片分析简介
- 程序员面试宝典(第三版).pdf
- PS黑作坊人像磨皮 精修 快速伪商业修图 插件 扩展面板
- 3Dmax和SketchUp有什么区别
- ffmpeg编程入门学习笔记(一) -入门
- JavaWeb 利用jsp 实现分页查询
- VMware ESXi 7.0 SLIC 2.5 macOS Unlocker LegacyCPU MOD iso 百度网盘 下载
- web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript