lunarsf-Lunar-Markdown-Editor
/
Lunar_Markdown_Editor_教程
/
07-转义字符.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <!-- saved from url=(0016)http://localhost -->
 <head>
  <title>转义字符</title>
  <meta name="info" content="07-转义字符.md" />
  <meta name="viewport" content="width=device-width, user-scalable=yes" />
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <link id="themeLink" rel="stylesheet" href="lesson_light.css" type="text/css" />
  <link rel="stylesheet" href="menu_light.css" type="text/css" />
  <script>
function ShowPage()
{
document.getElementById('content').style.visibility = "visible";
document.body.style.fontSize = 16+'px';
}
function HidePage()
{
document.getElementById('content').style.visibility = "hidden";
}
</script>
 </head>
 <body onload="ShowPage()">
  <p style="visibility: collapse;"><span id="__TOP_4E4ABC53-B143-46FF-93CF-F9381EAD8E14__" class="anchor"></span></p>
  <div style="text-align:right">
   <span class="pageheader"></span>
   <a onclick="print()" style="visibility: hidden"></a>
  </div>
  <div id="printArea">
   <p class="fileheader" id="file_header">转义字符</p>
   <hr />
   <div id="content">
    <script src="jquery-1.7.0.min.js"></script>
    <script src="menu_light.js"></script>
    <script language="javascript">function print() {$("#printArea").jqprint({importCSS: true});}</script>
    <script>function getHeight(){return document.body.scrollHeight;}</script>
    <p>Markdown 使用一些字符表示特殊格式，在编译后会被转换成 Html 标签。当需要在编译后的 Html 文件中显示这些字符本身时，就需要转义了。</p>
    <table>
     <caption>
      转义字符列表
     </caption>
     <tbody>
      <tr>
       <th style="TEXT-ALIGN: center;">转义字符</th>
       <th style="TEXT-ALIGN: center;">转义写法</th>
       <th style="TEXT-ALIGN: center;">备注</th>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">*</td>
       <td style="TEXT-ALIGN: left;">\*</td>
       <td style="TEXT-ALIGN: left;">星号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">\</td>
       <td style="TEXT-ALIGN: left;">\\</td>
       <td style="TEXT-ALIGN: left;">反斜杠</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">`</td>
       <td style="TEXT-ALIGN: left;">\`</td>
       <td style="TEXT-ALIGN: left;">反引号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">_</td>
       <td style="TEXT-ALIGN: left;">\_</td>
       <td style="TEXT-ALIGN: left;">下划线符</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">{</td>
       <td style="TEXT-ALIGN: left;">\{</td>
       <td style="TEXT-ALIGN: left;">左花括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">}</td>
       <td style="TEXT-ALIGN: left;">\}</td>
       <td style="TEXT-ALIGN: left;">右花括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">[</td>
       <td style="TEXT-ALIGN: left;">\[</td>
       <td style="TEXT-ALIGN: left;">左方括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">]</td>
       <td style="TEXT-ALIGN: left;">\]</td>
       <td style="TEXT-ALIGN: left;">右方括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">(</td>
       <td style="TEXT-ALIGN: left;">\(</td>
       <td style="TEXT-ALIGN: left;">左圆括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">)</td>
       <td style="TEXT-ALIGN: left;">\)</td>
       <td style="TEXT-ALIGN: left;">右圆括号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">#</td>
       <td style="TEXT-ALIGN: left;">\#</td>
       <td style="TEXT-ALIGN: left;">#号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">+</td>
       <td style="TEXT-ALIGN: left;">\+</td>
       <td style="TEXT-ALIGN: left;">加号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">-</td>
       <td style="TEXT-ALIGN: left;">\-</td>
       <td style="TEXT-ALIGN: left;">减号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">.</td>
       <td style="TEXT-ALIGN: left;">\.</td>
       <td style="TEXT-ALIGN: left;">句点</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">!</td>
       <td style="TEXT-ALIGN: left;">\!</td>
       <td style="TEXT-ALIGN: left;">惊叹号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">[=</td>
       <td style="TEXT-ALIGN: left;">[\=</td>
       <td style="TEXT-ALIGN: left;">删除线头标记</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">=]</td>
       <td style="TEXT-ALIGN: left;">=\]</td>
       <td style="TEXT-ALIGN: left;">删除线尾标记</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">｜</td>
       <td style="TEXT-ALIGN: left;">&amp;#65372;</td>
       <td style="TEXT-ALIGN: left;">全角竖线，直接输入竖线字符会将该行解释为表格行</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">|</td>
       <td style="TEXT-ALIGN: left;">&amp;#124;</td>
       <td style="TEXT-ALIGN: left;">半角竖线，同上</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">&amp;</td>
       <td style="TEXT-ALIGN: left;">&amp;amp;</td>
       <td style="TEXT-ALIGN: left;">和号</td>
      </tr>
      <tr>
       <td style="TEXT-ALIGN: left;">_</td>
       <td style="TEXT-ALIGN: left;">&amp;#095;</td>
       <td style="TEXT-ALIGN: left;">下划线字符，因为经常用来表示倾斜效果，所以可以采用转义写法</td>
      </tr>
     </tbody>
    </table>
    <p>在<code>代码块</code>中的符号不需要被转义。所以，在两个反引号之间写上“\`”是没有用的。</p>
    <p></p>
    <div class="region">
     <p class="region_header" id="region_header_1" style=""> 资料摘录：<strong>“HTML 转义字符”</strong></p>
     <div class="region_panel" id="region_panel_1">
      <table>
       <tbody>
        <tr>
         <td><script>$(document).ready(function() {$('#region_header_1').click(function() {$('#region_panel_1').toggle();});}); </script> <p>诸如 “&lt;” 之类的符号在HTML中拥有特殊的含义，所以在文本中使用它们。</p> <p><strong>字符实体</strong></p> <p>一些字符在 HTML 中拥有特殊的含义，比如小于号 (&lt;) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。</p> <p>字符实体有三部分：一个和号 (&amp;)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。</p> <p>要在 HTML 文档中显示小于号，我们需要这样写：&amp;lt; 或者 &amp;#60;</p> <p>使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏处是，并不是所有的浏览器都支持最新的实体名称，然而几乎所有的浏览器对实体编号的支持都很好。</p> <p><strong>注意</strong>：实体对大小写敏感。</p>
          <table>
           <tbody>
            <tr>
             <th style="TEXT-ALIGN: center;">显示结果</th>
             <th style="TEXT-ALIGN: center;">描述</th>
             <th style="TEXT-ALIGN: center;">实体名称</th>
             <th style="TEXT-ALIGN: center;">实体编号</th>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">　</td>
             <td style="TEXT-ALIGN: left;">空格</td>
             <td style="TEXT-ALIGN: left;">&amp;nbsp;</td>
             <td style="TEXT-ALIGN: left;">&amp;#160</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&lt;</td>
             <td style="TEXT-ALIGN: left;">小于号</td>
             <td style="TEXT-ALIGN: left;">&amp;lt;</td>
             <td style="TEXT-ALIGN: left;">&amp;#60;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&gt;</td>
             <td style="TEXT-ALIGN: left;">大于号</td>
             <td style="TEXT-ALIGN: left;">&amp;gt;</td>
             <td style="TEXT-ALIGN: left;">&amp;#62;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&amp;</td>
             <td style="TEXT-ALIGN: left;">和号</td>
             <td style="TEXT-ALIGN: left;">&amp;amp;</td>
             <td style="TEXT-ALIGN: left;">&amp;#38;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&quot;</td>
             <td style="TEXT-ALIGN: left;">引号</td>
             <td style="TEXT-ALIGN: left;">&amp;quot;</td>
             <td style="TEXT-ALIGN: left;">&amp;#34;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">'</td>
             <td style="TEXT-ALIGN: left;">撇号</td>
             <td style="TEXT-ALIGN: left;">&amp;apos;（IE不支持）</td>
             <td style="TEXT-ALIGN: left;">&amp;#39;</td>
            </tr>
           </tbody>
          </table> <p><strong>其他一些常用的字符实体</strong></p>
          <table>
           <tbody>
            <tr>
             <th style="TEXT-ALIGN: center;">显示结果</th>
             <th style="TEXT-ALIGN: center;">描述</th>
             <th style="TEXT-ALIGN: center;">实体名称</th>
             <th style="TEXT-ALIGN: center;">实体编号</th>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&cent;</td>
             <td style="TEXT-ALIGN: left;">分</td>
             <td style="TEXT-ALIGN: left;">&amp;cent;</td>
             <td style="TEXT-ALIGN: left;">&amp;#162;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&pound;</td>
             <td style="TEXT-ALIGN: left;">镑</td>
             <td style="TEXT-ALIGN: left;">&amp;pound;</td>
             <td style="TEXT-ALIGN: left;">&amp;#163;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&yen;</td>
             <td style="TEXT-ALIGN: left;">日圆</td>
             <td style="TEXT-ALIGN: left;">&amp;yen;</td>
             <td style="TEXT-ALIGN: left;">&amp;#165;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&sect;</td>
             <td style="TEXT-ALIGN: left;">节</td>
             <td style="TEXT-ALIGN: left;">&amp;sect;</td>
             <td style="TEXT-ALIGN: left;">&amp;#167;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&copy;</td>
             <td style="TEXT-ALIGN: left;">版权符</td>
             <td style="TEXT-ALIGN: left;">&amp;copy;</td>
             <td style="TEXT-ALIGN: left;">&amp;#169;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&reg;</td>
             <td style="TEXT-ALIGN: left;">注册商标</td>
             <td style="TEXT-ALIGN: left;">&amp;reg;</td>
             <td style="TEXT-ALIGN: left;">&amp;#174;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&times;</td>
             <td style="TEXT-ALIGN: left;">乘号</td>
             <td style="TEXT-ALIGN: left;">&amp;times;</td>
             <td style="TEXT-ALIGN: left;">&amp;#215;</td>
            </tr>
            <tr>
             <td style="TEXT-ALIGN: left;">&divide;</td>
             <td style="TEXT-ALIGN: left;">除号</td>
             <td style="TEXT-ALIGN: left;">&amp;divide;</td>
             <td style="TEXT-ALIGN: left;">&amp;#247;</td>
            </tr>
           </tbody>
          </table> </td>
        </tr>
       </tbody>
      </table>
     </div>
     <p class="region_tail" id="region_tail_1">此框中内容完全摘录自 <a href="http://www.w3chtml.com/html/character.html">w3chtml</a>。</p>
    </div>
    <script>$(document).ready(function() {$('#region_tail_1').click(function() {$('#region_panel_1').toggle();});}); </script>
    <p></p>
    <script>$(document).ready(function() {$('#file_header').click(function() {$('.panel_title_h1,.panel_title_h2,.panel_title_h3,.panel_title_h4,.panel_title_h5,.panel_title_h6').hide();});});</script>
    <script>$(document).ready(function() {$('#file_header').dblclick(function() {$('.panel_title_h1,.panel_title_h2,.panel_title_h3,.panel_title_h4,.panel_title_h5,.panel_title_h6').show();});});</script>
    <script></script>
    <p class="back_to_top_link"><a href="#__TOP_4E4ABC53-B143-46FF-93CF-F9381EAD8E14__">回到顶部</a></p>
   </div>
   <br />
   <br />
   <br />
   <br />
   <br />
   <hr />
   <div class="foot">
    <p id="author"></p>
    <p id="compile_time">2017/8/24 14:55:53</p>
   </div>
   <p style="margin-left:10px;margin-right:10px;text-indent:0px;"><a href="06-文字表/SXWZB.html">&lt; 前页</a> <a href="_index.html">回目录</a> <a href="08-快捷键/_08-快捷键.html">后页 &gt;</a></p>
  </div>
  <br />
  <br />
  <br />
  <br />
  <br />
 </body>
</html>