经常使用Markdown写博客时可能会遇到许多莫名其妙的html转义问题。如你想直接输出https://eonegh.com,但这时却会出现:下划线、箭头鼠标自动变成手型鼠标等,这里就是编辑器自动做的转换,现在加上“\”,就可以消除这个问题:https://eonegh.com。
  还比如引用一段代码:<a href="https://eonegh.com" style="font:15px; color:red">Eonegh's Blog</a>。不做处理的话,编辑器就会处理成: Eonegh's Blog。当然你也可以处理成:<a href="https://eonegh.com" style="font:15px; color:red">Eonegh's Blog</a>

一、html原样输出文本不转义

  1. 如果是有空格和回车这样的特殊字符的简单文本 在文本外加<pre></pre>标签。
  2. 如果是html内容、javascript、xml或其他特殊内容,使用<xmp></xmp>标签(H5中被pre替代)。
  3. 如果是在代码中执行时要显示或打印等可以使用<![cdata[]]>。

注:
<xmp>屏蔽内容 标签,会把抱在内部的html片段当作字符串输出。
<pre>屏蔽内容 标签,可以在保留原来文本格式的基础上让文本在页面上显示出来。
<![cdata[屏蔽内容]]>标签,XML语法,在CDATA内部的所有内容都会被解析器忽略直接以文本形式显示。

二、html原样输出标签元素不转义

  1. 如果是html内容、javascript、xml或其他特殊内容,使用<xmp></xmp>标签(H5中被pre替代)。
  2. 将原标签”<”、”>”、”&”替换成”<”、”>”、”&”(不包括引号)。
  3. 使用“\”,标签元素完整性(输出内容不会出现“\”)。

三、特殊语法

  1. <script type="text/html" style='display:block'>内容</script>。

最后更新:2019 年 08 月 13 日 10 : 34 PM
本文链接:https://eonegh.com/mark/web-Norehtml.html
版权声明:eonegh】原创,著作权归作者所有。
转载说明:联系作者或者评论区留言授权,并注明转载地址【 实现html原样输出文本、标签不转义 - Eonegh's Blog】。

相关文章:

  • [更新中]CSS代码收集
  • 网页设计中px、em、rem、%、vw、vh、vmin、vmax等常用长度单位总结
  • Typecho使用MarkDown语法大汇总