经常使用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>。

本文标签:MarkDown网页设计