HTML URL 编码_HTML 参考手册_HTML/CSS_教程_教程_JSON在线解析及格式化验证_CPU中文网

HTML 参考手册

HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 颜色混搭
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL 编码
HTML 语言代码
HTTP 消息
HTTP 方法
Px/Em 换算工具
键盘快捷键
HTML 标签
- </a> </li> <li class=""> <a href="/jiaocheng/co-1055.html"> <img></a> </li> <li class=""> <a href="/jiaocheng/co-1056.html"> <input></a> </li> <li class=""> <a href="/jiaocheng/co-1057.html"> <ins></a> </li> <li class=""> <a href="/jiaocheng/co-1058.html"> <kbd></a> </li> <li class=""> <a href="/jiaocheng/co-1059.html"> <keygen></a> </li> <li class=""> <a href="/jiaocheng/co-1060.html"> <label></a> </li> <li class=""> <a href="/jiaocheng/co-1061.html"> <legend></a> </li> <li class=""> <a href="/jiaocheng/co-1062.html"> <li></a> </li> <li class=""> <a href="/jiaocheng/co-1063.html"> <link></a> </li> <li class=""> <a href="/jiaocheng/co-1064.html"><main></a> </li> <li class=""> <a href="/jiaocheng/co-1065.html"> <map></a> </li> <li class=""> <a href="/jiaocheng/co-1066.html"> <mark></a> </li> <li class=""> <a href="/jiaocheng/co-1067.html"> <menu></a> </li> <li class=""> <a href="/jiaocheng/co-1068.html"> <meta></a> </li> <li class=""> <a href="/jiaocheng/co-1069.html"> <meter></a> </li> <li class=""> <a href="/jiaocheng/co-1070.html"> <nav></a> </li> <li class=""> <a href="/jiaocheng/co-1071.html"> <noframes></a> </li> <li class=""> <a href="/jiaocheng/co-1072.html"> <noscript></a> </li> <li class=""> <a href="/jiaocheng/co-1073.html"> <object></a> </li> <li class=""> <a href="/jiaocheng/co-1074.html"> <ol></a> </li> <li class=""> <a href="/jiaocheng/co-1075.html"> <optgroup></a> </li> <li class=""> <a href="/jiaocheng/co-1076.html"> <option></a> </li> <li class=""> <a href="/jiaocheng/co-1077.html"> <output></a> </li> <li class=""> <a href="/jiaocheng/co-1078.html"> <p></a> </li> <li class=""> <a href="/jiaocheng/co-1079.html"> <param></a> </li> <li class=""> <a href="/jiaocheng/co-1080.html"> <pre></a> </li> <li class=""> <a href="/jiaocheng/co-1081.html"> <html></a> </li> <li class=""> <a href="/jiaocheng/co-1082.html"><picture></a> </li> <li class=""> <a href="/jiaocheng/co-1083.html">progress</a> </li> <li class=""> <a href="/jiaocheng/co-1084.html">q </a> </li> <li class=""> <a href="/jiaocheng/co-1085.html"> <rp></a> </li> <li class=""> <a href="/jiaocheng/co-1086.html"> <rt></a> </li> <li class=""> <a href="/jiaocheng/co-1087.html"> <ruby></a> </li> <li class=""> <a href="/jiaocheng/co-1088.html"> <s></a> </li> <li class=""> <a href="/jiaocheng/co-1089.html"> <samp></a> </li> <li class=""> <a href="/jiaocheng/co-1090.html"><script> </a> </li> <li class=""> <a href="/jiaocheng/co-1091.html"> <section></a> </li> <li class=""> <a href="/jiaocheng/co-1092.html"> <select></a> </li> <li class=""> <a href="/jiaocheng/co-1093.html"> <small></a> </li> <li class=""> <a href="/jiaocheng/co-1094.html"> <source></a> </li> <li class=""> <a href="/jiaocheng/co-1095.html"> <span></a> </li> <li class=""> <a href="/jiaocheng/co-1096.html"> <strike></a> </li> <li class=""> <a href="/jiaocheng/co-1097.html"> <strong></a> </li> <li class=""> <a href="/jiaocheng/co-1098.html"> <style></a> </li> <li class=""> <a href="/jiaocheng/co-1099.html"> <sub></a> </li> <li class=""> <a href="/jiaocheng/co-1100.html"> <summary></a> </li> <li class=""> <a href="/jiaocheng/co-1101.html"> <sup></a> </li> <li class=""> <a href="/jiaocheng/co-1102.html"> <table></a> </li> <li class=""> <a href="/jiaocheng/co-1103.html"> <tbody></a> </li> <li class=""> <a href="/jiaocheng/co-1104.html"> <td></a> </li> <li class=""> <a href="/jiaocheng/co-1105.html"> <textarea></a> </li> <li class=""> <a href="/jiaocheng/co-1106.html"> <tfoot></a> </li> <li class=""> <a href="/jiaocheng/co-1107.html"> <th></a> </li> <li class=""> <a href="/jiaocheng/co-1108.html"> <thead></a> </li> <li class=""> <a href="/jiaocheng/co-1109.html"> <time></a> </li> <li class=""> <a href="/jiaocheng/co-1110.html"> <title></a> </li> <li class=""> <a href="/jiaocheng/co-1111.html"> <tr></a> </li> <li class=""> <a href="/jiaocheng/co-1112.html"> <track></a> </li> <li class=""> <a href="/jiaocheng/co-1113.html"> <tt></a> </li> <li class=""> <a href="/jiaocheng/co-1114.html"> <u></a> </li> <li class=""> <a href="/jiaocheng/co-1115.html"> <ul></a> </li> <li class=""> <a href="/jiaocheng/co-1116.html"> <var></a> </li> <li class=""> <a href="/jiaocheng/co-1117.html"> <video></a> </li> <li class=""> <a href="/jiaocheng/co-1118.html"> <wbr></a> </li> </ul> </div>  <div id='write' class='is-node'> <h1 class="border-b-none"><a name="" class="md-header-anchor"></a><span> HTML URL 编码</span></h1> <div class="pre-and-next"> <a href="co-992.html">上一篇： HTML 符号</a> <a href="co-994.html" >下一篇： HTML 语言代码 </a> </div> <div class="article-intro" id="content"><script>  </script><hr/><p class="intro">URL 编码会将字符转换为可通过因特网传输的格式。</p><hr/><h2>URL - 统一资源定位器</h2><p>Web 浏览器通过 URL 从 web 服务器请求页面。</p><p>URL 是网页的地址，比如： <b></b>。</p><hr/><h2>URL 编码</h2><p>URL 只能使用 <a href="ref-ascii.html">ASCII 字符集</a>来通过因特网进行发送。</p><p>由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。</p><p>URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。<br/> </p><p>URL 不能包含空格。URL 编码通常使用 + 来替换空格。</p><hr/><h2>运行代码</h2><p> 如果您点击下面的"提交"按钮，浏览器会在发送输入之前对其进行 URL 编码。服务器上的页面会显示出接收到的输入。</p><form action="http:///try/html_form_submit.php" method="get" name="input" target="_blank"> <input name="text" size="30" type="text" value="Hello Günter"/> <input type="submit" value="提交"/> </form><p> 试着输入一些其他字符，然后再次点击提交按钮。</p><hr/><h2>URL 编码函数</h2><p>JavaScript、PHP、ASP 都提供了对字符串进行URL编码的函数。</p><p>JavaScript 中使用 encodeURI() 函数，PHP 中使用 rawurlencode() 函数，ASP 中使用 Server.URLEncode() 函数。</p><p>点击"URL 编码"按钮，看看 JavaScript 函数是怎么对文本进行编码的。</p><form action="http:///try/html_form_submit.php" method="post" name="changeform" target="_blank"> <input id="txt" name="txt" size="30" type="text" value="Hello Günter"/> <input name="submit" onclick="urlencode()" type="button" value="URL 编码"/> </form><span id="encodingresult"></span><p><b>注释：</b>JavaScript 函数将空格编码成 %20 。</p><hr/><h2>URL 编码参考手册</h2><table class="reference notranslate"> <tbody><tr> <th align="left">ASCII 字符</th> <th align="left">URL-编码</th> </tr> <tr> <td>space</td> <td>%20</td> </tr> <tr> <td>!</td> <td>%21</td> </tr> <tr> <td>"</td> <td>%22</td> </tr> <tr> <td>#</td> <td>%23</td> </tr> <tr> <td>$</td> <td>%24</td> </tr> <tr> <td>%</td> <td>%25</td> </tr> <tr> <td>&</td> <td>%26</td> </tr> <tr> <td>'</td> <td>%27</td> </tr> <tr> <td>(</td> <td>%28</td> </tr> <tr> <td>)</td> <td>%29</td> </tr> <tr> <td>*</td> <td>%2A</td> </tr> <tr> <td>+</td> <td>%2B</td> </tr> <tr> <td>,</td> <td>%2C</td> </tr> <tr> <td>-</td> <td>%2D</td> </tr> <tr> <td>.</td> <td>%2E</td> </tr> <tr> <td>/</td> <td>%2F</td> </tr> <tr> <td>0</td> <td>%30</td> </tr> <tr> <td>1</td> <td>%31</td> </tr> <tr> <td>2</td> <td>%32</td> </tr> <tr> <td>3</td> <td>%33</td> </tr> <tr> <td>4</td> <td>%34</td> </tr> <tr> <td>5</td> <td>%35</td> </tr> <tr> <td>6</td> <td>%36</td> </tr> <tr> <td>7</td> <td>%37</td> </tr> <tr> <td>8</td> <td>%38</td> </tr> <tr> <td>9</td> <td>%39</td> </tr> <tr> <td>:</td> <td>%3A</td> </tr> <tr> <td>;</td> <td>%3B</td> </tr> <tr> <td><</td> <td>%3C</td> </tr> <tr> <td>=</td> <td>%3D</td> </tr> <tr> <td>></td> <td>%3E</td> </tr> <tr> <td>?</td> <td>%3F</td> </tr> <tr> <td>@</td> <td>%40</td> </tr> <tr> <td>A</td> <td>%41</td> </tr> <tr> <td>B</td> <td>%42</td> </tr> <tr> <td>C</td> <td>%43</td> </tr> <tr> <td>D</td> <td>%44</td> </tr> <tr> <td>E</td> <td>%45</td> </tr> <tr> <td>F</td> <td>%46</td> </tr> <tr> <td>G</td> <td>%47</td> </tr> <tr> <td>H</td> <td>%48</td> </tr> <tr> <td>I</td> <td>%49</td> </tr> <tr> <td>J</td> <td>%4A</td> </tr> <tr> <td>K</td> <td>%4B</td> </tr> <tr> <td>L</td> <td>%4C</td> </tr> <tr> <td>M</td> <td>%4D</td> </tr> <tr> <td>N</td> <td>%4E</td> </tr> <tr> <td>O</td> <td>%4F</td> </tr> <tr> <td>P</td> <td>%50</td> </tr> <tr> <td>Q</td> <td>%51</td> </tr> <tr> <td>R</td> <td>%52</td> </tr> <tr> <td>S</td> <td>%53</td> </tr> <tr> <td>T</td> <td>%54</td> </tr> <tr> <td>U</td> <td>%55</td> </tr> <tr> <td>V</td> <td>%56</td> </tr> <tr> <td>W</td> <td>%57</td> </tr> <tr> <td>X</td> <td>%58</td> </tr> <tr> <td>Y</td> <td>%59</td> </tr> <tr> <td>Z</td> <td>%5A</td> </tr> <tr> <td>[</td> <td>%5B</td> </tr> <tr> <td></td> <td>%5C</td> </tr> <tr> <td>]</td> <td>%5D</td> </tr> <tr> <td>^</td> <td>%5E</td> </tr> <tr> <td>_</td> <td>%5F</td> </tr> <tr> <td>`</td> <td>%60</td> </tr> <tr> <td>a</td> <td>%61</td> </tr> <tr> <td>b</td> <td>%62</td> </tr> <tr> <td>c</td> <td>%63</td> </tr> <tr> <td>d</td> <td>%64</td> </tr> <tr> <td>e</td> <td>%65</td> </tr> <tr> <td>f</td> <td>%66</td> </tr> <tr> <td>g</td> <td>%67</td> </tr> <tr> <td>h</td> <td>%68</td> </tr> <tr> <td>i</td> <td>%69</td> </tr> <tr> <td>j</td> <td>%6A</td> </tr> <tr> <td>k</td> <td>%6B</td> </tr> <tr> <td>l</td> <td>%6C</td> </tr> <tr> <td>m</td> <td>%6D</td> </tr> <tr> <td>n</td> <td>%6E</td> </tr> <tr> <td>o</td> <td>%6F</td> </tr> <tr> <td>p</td> <td>%70</td> </tr> <tr> <td>q</td> <td>%71</td> </tr> <tr> <td>r</td> <td>%72</td> </tr> <tr> <td>s</td> <td>%73</td> </tr> <tr> <td>t</td> <td>%74</td> </tr> <tr> <td>u</td> <td>%75</td> </tr> <tr> <td>v</td> <td>%76</td> </tr> <tr> <td>w</td> <td>%77</td> </tr> <tr> <td>x</td> <td>%78</td> </tr> <tr> <td>y</td> <td>%79</td> </tr> <tr> <td>z</td> <td>%7A</td> </tr> <tr> <td>{</td> <td>%7B</td> </tr> <tr> <td>|</td> <td>%7C</td> </tr> <tr> <td>}</td> <td>%7D</td> </tr> <tr> <td>~</td> <td>%7E</td> </tr> <tr> <td> </td> <td>%7F</td> </tr> <tr> <td>`</td> <td>%80</td> </tr> <tr> <td></td> <td>%81</td> </tr> <tr> <td>‘</td> <td>%82</td> </tr> <tr> <td>f</td> <td>%83</td> </tr> <tr> <td>"</td> <td>%84</td> </tr> <tr> <td>…</td> <td>%85</td> </tr> <tr> <td>+</td> <td>%86</td> </tr> <tr> <td></td> <td>%87</td> </tr> <tr> <td>^</td> <td>%88</td> </tr> <tr> <td>‰</td> <td>%89</td> </tr> <tr> <td>S</td> <td>%8A</td> </tr> <tr> <td><</td> <td>%8B</td> </tr> <tr> <td>OE</td> <td>%8C</td> </tr> <tr> <td></td> <td>%8D</td> </tr> <tr> <td>Z</td> <td>%8E</td> </tr> <tr> <td></td> <td>%8F</td> </tr> <tr> <td></td> <td>%90</td> </tr> <tr> <td>'</td> <td>%91</td> </tr> <tr> <td>'</td> <td>%92</td> </tr> <tr> <td>"</td> <td>%93</td> </tr> <tr> <td>"</td> <td>%94</td> </tr> <tr> <td>o</td> <td>%95</td> </tr> <tr> <td>–</td> <td>%96</td> </tr> <tr> <td>—</td> <td>%97</td> </tr> <tr> <td>~</td> <td>%98</td> </tr> <tr> <td>TM</td> <td>%99</td> </tr> <tr> <td>s</td> <td>%9A</td> </tr> <tr> <td>></td> <td>%9B</td> </tr> <tr> <td>oe</td> <td>%9C</td> </tr> <tr> <td></td> <td>%9D</td> </tr> <tr> <td>z</td> <td>%9E</td> </tr> <tr> <td>"Y</td> <td>%9F</td> </tr> <tr> <td> </td> <td>%A0</td> </tr> <tr> <td>!</td> <td>%A1</td> </tr> <tr> <td>c</td> <td>%A2</td> </tr> <tr> <td>lb</td> <td>%A3</td> </tr> <tr> <td>¤</td> <td>%A4</td> </tr> <tr> <td>yen</td> <td>%A5</td> </tr> <tr> <td>|</td> <td>%A6</td> </tr> <tr> <td>§</td> <td>%A7</td> </tr> <tr> <td>¨</td> <td>%A8</td> </tr> <tr> <td>(c)</td> <td>%A9</td> </tr> <tr> <td>a</td> <td>%AA</td> </tr> <tr> <td><<</td> <td>%AB</td> </tr> <tr> <td>not</td> <td>%AC</td> </tr> <tr> <td>-</td> <td>%AD</td> </tr> <tr> <td>(R)</td> <td>%AE</td> </tr> <tr> <td></td> <td>%AF</td> </tr> <tr> <td>°</td> <td>%B0</td> </tr> <tr> <td>±</td> <td>%B1</td> </tr> <tr> <td>^2</td> <td>%B2</td> </tr> <tr> <td>^3</td> <td>%B3</td> </tr> <tr> <td>'</td> <td>%B4</td> </tr> <tr> <td>u</td> <td>%B5</td> </tr> <tr> <td>P</td> <td>%B6</td> </tr> <tr> <td>·</td> <td>%B7</td> </tr> <tr> <td>,</td> <td>%B8</td> </tr> <tr> <td>^1</td> <td>%B9</td> </tr> <tr> <td>o</td> <td>%BA</td> </tr> <tr> <td>>></td> <td>%BB</td> </tr> <tr> <td> 1/4 </td> <td>%BC</td> </tr> <tr> <td> 1/2 </td> <td>%BD</td> </tr> <tr> <td> 3/4 </td> <td>%BE</td> </tr> <tr> <td>?</td> <td>%BF</td> </tr> <tr> <td>`A</td> <td>%C0</td> </tr> <tr> <td>'A</td> <td>%C1</td> </tr> <tr> <td>^A</td> <td>%C2</td> </tr> <tr> <td>~A</td> <td>%C3</td> </tr> <tr> <td>"A</td> <td>%C4</td> </tr> <tr> <td>A</td> <td>%C5</td> </tr> <tr> <td>AE</td> <td>%C6</td> </tr> <tr> <td>C</td> <td>%C7</td> </tr> <tr> <td>`E</td> <td>%C8</td> </tr> <tr> <td>'E</td> <td>%C9</td> </tr> <tr> <td>^E</td> <td>%CA</td> </tr> <tr> <td>"E</td> <td>%CB</td> </tr> <tr> <td>`I</td> <td>%CC</td> </tr> <tr> <td>'I</td> <td>%CD</td> </tr> <tr> <td>^I</td> <td>%CE</td> </tr> <tr> <td>"I</td> <td>%CF</td> </tr> <tr> <td>D</td> <td>%D0</td> </tr> <tr> <td>~N</td> <td>%D1</td> </tr> <tr> <td>`O</td> <td>%D2</td> </tr> <tr> <td>'O</td> <td>%D3</td> </tr> <tr> <td>^O</td> <td>%D4</td> </tr> <tr> <td>~O</td> <td>%D5</td> </tr> <tr> <td>"O</td> <td>%D6</td> </tr> <tr> <td>×</td> <td>%D7</td> </tr> <tr> <td>O</td> <td>%D8</td> </tr> <tr> <td>`U</td> <td>%D9</td> </tr> <tr> <td>'U</td> <td>%DA</td> </tr> <tr> <td>^U</td> <td>%DB</td> </tr> <tr> <td>"U</td> <td>%DC</td> </tr> <tr> <td>'Y</td> <td>%DD</td> </tr> <tr> <td>Th</td> <td>%DE</td> </tr> <tr> <td>ss</td> <td>%DF</td> </tr> <tr> <td>à</td> <td>%E0</td> </tr> <tr> <td>á</td> <td>%E1</td> </tr> <tr> <td>^a</td> <td>%E2</td> </tr> <tr> <td>~a</td> <td>%E3</td> </tr> <tr> <td>"a</td> <td>%E4</td> </tr> <tr> <td>a</td> <td>%E5</td> </tr> <tr> <td>ae</td> <td>%E6</td> </tr> <tr> <td>c</td> <td>%E7</td> </tr> <tr> <td>è</td> <td>%E8</td> </tr> <tr> <td>é</td> <td>%E9</td> </tr> <tr> <td>ê</td> <td>%EA</td> </tr> <tr> <td>"e</td> <td>%EB</td> </tr> <tr> <td>ì</td> <td>%EC</td> </tr> <tr> <td>í</td> <td>%ED</td> </tr> <tr> <td>^i</td> <td>%EE</td> </tr> <tr> <td>"i</td> <td>%EF</td> </tr> <tr> <td>d</td> <td>%F0</td> </tr> <tr> <td>~n</td> <td>%F1</td> </tr> <tr> <td>ò</td> <td>%F2</td> </tr> <tr> <td>ó</td> <td>%F3</td> </tr> <tr> <td>^o</td> <td>%F4</td> </tr> <tr> <td>~o</td> <td>%F5</td> </tr> <tr> <td>"o</td> <td>%F6</td> </tr> <tr> <td>÷</td> <td>%F7</td> </tr> <tr> <td>o</td> <td>%F8</td> </tr> <tr> <td>ù</td> <td>%F9</td> </tr> <tr> <td>ú</td> <td>%FA</td> </tr> <tr> <td>^u</td> <td>%FB</td> </tr> <tr> <td>ü</td> <td>%FC</td> </tr> <tr> <td>'y</td> <td>%FD</td> </tr> <tr> <td>th</td> <td>%FE</td> </tr> <tr> <td>"y</td> <td>%FF</td> </tr> </tbody></table><hr/><h2>URL 编码参考手册</h2><p>ASCII 设备控制字符最初被设计为用来控制诸如打印机和磁带驱动器之类的硬件设备。在URL中这些字符不会起任何作用。</p><table class="reference notranslate"> <tbody><tr> <th align="left">ASCII 字符</th> <th align="left">描述</th> <th align="left">URL-编码</th> </tr> <tr> <td>NUL</td> <td>null character</td> <td>%00</td> </tr> <tr> <td>SOH</td> <td>start of header</td> <td>%01</td> </tr> <tr> <td>STX</td> <td>start of text</td> <td>%02</td> </tr> <tr> <td>ETX</td> <td>end of text</td> <td>%03</td> </tr> <tr> <td>EOT</td> <td>end of transmission</td> <td>%04</td> </tr> <tr> <td>ENQ</td> <td>enquiry</td> <td>%05</td> </tr> <tr> <td>ACK</td> <td>acknowledge</td> <td>%06</td> </tr> <tr> <td>BEL</td> <td>bell (ring)</td> <td>%07</td> </tr> <tr> <td>BS</td> <td>backspace</td> <td>%08</td> </tr> <tr> <td>HT</td> <td>horizontal tab</td> <td>%09</td> </tr> <tr> <td>LF</td> <td>line feed</td> <td>%0A</td> </tr> <tr> <td>VT</td> <td>vertical tab</td> <td>%0B</td> </tr> <tr> <td>FF</td> <td>form feed</td> <td>%0C</td> </tr> <tr> <td>CR</td> <td>carriage return</td> <td>%0D</td> </tr> <tr> <td>SO</td> <td>shift out</td> <td>%0E</td> </tr> <tr> <td>SI</td> <td>shift in</td> <td>%0F</td> </tr> <tr> <td>DLE</td> <td>data link escape</td> <td>%10</td> </tr> <tr> <td>DC1</td> <td>device control 1</td> <td>%11</td> </tr> <tr> <td>DC2</td> <td>device control 2</td> <td>%12</td> </tr> <tr> <td>DC3</td> <td>device control 3</td> <td>%13</td> </tr> <tr> <td>DC4</td> <td>device control 4</td> <td>%14</td> </tr> <tr> <td>NAK</td> <td>negative acknowledge</td> <td>%15</td> </tr> <tr> <td>SYN</td> <td>synchronize</td> <td>%16</td> </tr> <tr> <td>ETB</td> <td>end transmission block</td> <td>%17</td> </tr> <tr> <td>CAN</td> <td>cancel</td> <td>%18</td> </tr> <tr> <td>EM</td> <td>end of medium</td> <td>%19</td> </tr> <tr> <td>SUB</td> <td>substitute</td> <td>%1A</td> </tr> <tr> <td>ESC</td> <td>escape</td> <td>%1B</td> </tr> <tr> <td>FS</td> <td>file separator</td> <td>%1C</td> </tr> <tr> <td>GS</td> <td>group separator</td> <td>%1D</td> </tr> <tr> <td>RS</td> <td>record separator</td> <td>%1E</td> </tr> <tr> <td>US</td> <td>unit separator</td> <td>%1F</td> </tr> </tbody></table></div> <div class="pre-and-next"> <a href="co-992.html">上一篇： HTML 符号</a> <a href="co-994.html" >下一篇： HTML 语言代码 </a> </div> </div> <div class="right-nav-con" id="rightNavCon"> <ul id="rightNavList"> <li><strong>分类导航</strong></li> <li data-type="dropdown"> <a href="javascript:;">HTML/CSS  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/bootstrap/" class="">Bootstrap 教程</a></dd> <dd><a href="/jiaocheng/bootstrap4/" class="">Bootstrap4 教程</a></dd> <dd><a href="/jiaocheng/css/" class="">CSS 教程</a></dd> <dd><a href="/jiaocheng/css3/" class="">CSS3 教程</a></dd> <dd><a href="/jiaocheng/html/" class="">HTML 教程</a></dd> <dd><a href="/jiaocheng/html5jc/" class="">HTML5教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">JavaScript  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/ajax/" class="">Ajax 教程</a></dd> <dd><a href="/jiaocheng/googleapi/" class="">Google 地图 API 教程</a></dd> <dd><a href="/jiaocheng/jsref/" class="">JavaScript 参考手册</a></dd> <dd><a href="/jiaocheng/jeasyui/" class="">jQuery EasyUI 教程</a></dd> <dd><a href="/jiaocheng/jquery/" class="">jQuery 教程</a></dd> <dd><a href="/jiaocheng/json_t/" class="">JSON 教程</a></dd> <dd><a href="/jiaocheng/vue2/" class="">Vue.js 教程</a></dd> <dd><a href="/jiaocheng/js/" class="">Javascript 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">后端语言  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/cprogramming/" class="">C 教程</a></dd> <dd><a href="/jiaocheng/cplusplus/" class="">C++ 教程</a></dd> <dd><a href="/jiaocheng/go/" class="">Go 语言教程</a></dd> <dd><a href="/jiaocheng/java/" class="">Java 教程</a></dd> <dd><a href="/jiaocheng/nodejs/" class="">Node.js 教程</a></dd> <dd><a href="/jiaocheng/php/" class="">PHP 教程</a></dd> <dd><a href="/jiaocheng/python3/" class="">Python 3 教程</a></dd> <dd><a href="/jiaocheng/scala/" class="">Scala 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">数据库  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/memcached/" class="">Memcached 教程</a></dd> <dd><a href="/jiaocheng/mongodb/" class="">MongoDB 教程</a></dd> <dd><a href="/jiaocheng/mysql/" class="">MySQL 教程</a></dd> <dd><a href="/jiaocheng/redis/" class="">Redis 教程</a></dd> <dd><a href="/jiaocheng/sql/" class="">SQL 教程</a></dd> <dd><a href="/jiaocheng/sqlite/" class="">SQLite 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">移动开发  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/android/" class="">Android 教程</a></dd> <dd><a href="/jiaocheng/ionic/" class="">ionic 教程</a></dd> <dd><a href="/jiaocheng/ios/" class="">iOS 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">服务器相关  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/docker/" class="">Docker 教程</a></dd> <dd><a href="/jiaocheng/linux/" class="">Linux 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">开发工具  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/eclipse/" class="">Eclipse 教程</a></dd> <dd><a href="/jiaocheng/svn/" class="">SVN 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">网站建设  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/htpjc/" class="">HTTP 教程</a></dd> <dd><a href="/jiaocheng/w3c/" class="">W3C 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">XML教程  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/xlink/" class="">XLink 教程</a></dd> <dd><a href="/jiaocheng/dom/" class="">XML DOM 教程</a></dd> <dd><a href="/jiaocheng/xml/" class="">XML 教程</a></dd> </dl> </li> </ul> </div> </div>  <footer class="relative b-large-margin"> <div class="container"> <div class="footer-gg-b"> <div class="footer-gg-b-addr">  </div> <div class="footer-gg-b-style"> <div class="footer-gg-b-link"> <a href="" class="footer-gg-b-email">联系我们</a> <a href="" class="footer-gg-b-feedback">问题反馈</a> </div> <p class="footer-gg-b-copy"><a href="https://beian.miit.gov.cn" target="_blank">鄂ICP备2023022218号-2</a> ©2023 CPU.COM.CN ALL RIGHT RESERVED</p></div> </div> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=JtK9htQUws8UhD7i&ck=JtK9htQUws8UhD7i&autoTrack=true"></script><script type="text/javascript" src="https://js.users.51.la/21804545.js"></script><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=K079qR6lFQ4UNH67&ck=K079qR6lFQ4UNH67"></script> </div></footer> <div class="xf-window"> <div class="xf-wxewm" id="showQrcode"> <i class="fa fa-qrcode icon icon-qrcode "></i> <div class="xf-qrcode" id="wxQrcode"> <p>用微信扫一扫</p> <img src="/static/202010/img/gzh_wechat.jpg" width="150"> </div> </div> <a class="fa fa-star xf-collection"> 收藏 </a> <div class="fa fa-qq xf-share " id="showQqlist"> <div class="xf-qrcode xf-qq-link " id="qqWindow" style="display: none"> <p class="xf-qq-link-tit">CPU中文网交流群</p> <p><span>QQ群：</span></p> <a target="_blank" href="">点击加入群</a> <p><span>QQ客服：</span> </p> <p>(工作日: 9:00-18:00)</p> <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">点击联系客服</a> </div> </div> <a href="/feedback.html" class="fa fa-pencil xf-myfeed" target="_blank" id="feedBack"> </a> <div class="xf-totop" id="goTop"> <i class="fa fa-caret-up icon icon-caret-up"></i> </div> </div> <script src="/static/202010/js/lang.js"></script> <script src="/static/202010/js/login.js"></script> <script src="/static/202010/js/footer.js"></script> <style> .popup-link-info-box { position: absolute; right: 58px; top: 0; background-color: #fff; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); padding: 15px; display: none; } .popup-link-info-box li { float: left; margin-right: 10px; border: 1px solid #eee; text-align: center; line-height: 50px; } .popup-link-info-box li p { font-size: 14px; color: #333; } .popup-link-info-box li p span { font-size: 14px; color: #333; } .popup-link-info-box li .popup-wechat-wrapper {} .popup-link-info-box li .popup-wechat-wrapper img { height: 100%; width: 100%; object-fit: cover; } </style> <script type="text/javascript" src="/static/kj/js/jquery.js"></script> <script type="text/javascript" src="/static/kj/js/home-1589270335000-bundle.js"></script> <script type="text/javascript" src="/static/202010/js/jquery.cookie.js"></script> <script type="text/javascript" src="/static/kj/js/pre.js"></script> <script src="/static/202010/js/new-common.js"></script> <script> $(function () { //替换为 pre 标签 // $('.example_code').unwrap().wrap('<pre/>'); $('.example_code').find('br').remove() $('.example_code').replaceWith(function(){ return $("<pre />").append($(this).contents()); }); $("pre").addClass("prettyprint");//如果其他地方也要用到pre，我们可以再加一个父标签的选择器来区分 prettyPrint();//代替body上的onload事件加载该方法 $('a.tryitbtn').text('运行代码') //左导航高度 // var centHeight = $('.is-node').outerHeight() - 2 // $('.left-nav-container').height(centHeight) // $('.left-nav-container ul').height(centHeight - 36) // $('.right-nav-con').height(centHeight) }) $('#write').find('hr').remove() </script> </body> </html>