資訊專欄INFORMATION COLUMN
摘要：標簽不區(qū)分大小寫，但推薦小寫。標簽可以嵌套，但不能交叉嵌套。標簽也稱為元素。比如行內(nèi)標簽亦可成行內(nèi)元素。
????????
??直接跳到末尾?? ——>領取專屬粉絲福利?
?????????
??上一篇博文兩萬字博文教你python爬蟲requests庫，看完還不會我把我女朋友都給你【??熬夜整理&建議收藏??】被眾多爬蟲愛好者/想要學習爬蟲的小伙伴們閱讀之后，很多小伙伴私信我說——爬是會爬了，但是爬下來的都是網(wǎng)頁源碼數(shù)據(jù)，真心看不懂鴨！該怎么辦？?
??（苦笑）為了能讓小伙伴們對日后所學的頁面解析庫理解更深，所以本博主又連夜加班加點，苦苦熬制本文（分上下兩篇哦！），為大家深入全面的講解一下常見的前端知識——學啥技術都是從底層抓起，萬丈高樓平地起，它也是基于地基穩(wěn)！ 所以本文（共分上下兩篇哦?。┦潜软撁娼馕鰩煲纫徊娇偨Y給小伙伴們哦！?
??在這兩篇博文中，本博主就帶領小伙伴們認真地學習一下HTML（超文本標記語言）相關的必備知識（爬蟲爬到數(shù)據(jù)之后解析頁面數(shù)據(jù)你得多少能看懂頁面結構?。?font size="4" color="Blue">HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。！?
??相信有不少小伙伴已經(jīng)通過我的上篇博文完全地學費了requests庫，而本篇（以及下篇）文講解的HTML知識，將會使你日后解析爬取到的頁面數(shù)據(jù)信手拈來哦~
| 知識點補給站： |
如果把網(wǎng)頁比作一個人的話，HTML相當于骨架，JavaScript相當于肌肉，CSS相當于皮膚。三者結合起來才能形成一個完善的網(wǎng)頁。首先要普及的一個概念是一個網(wǎng)頁組成部分： ①HTML：用于定義網(wǎng)頁里面有什么內(nèi)容； ②CSS:對內(nèi)容進行排版； （1）找到要排版的內(nèi)容————如何找到要排版的標簽； （2）設置樣式————標簽都能設置哪些樣式。 ③JavaScript:用于動態(tài)的控制頁面。HTML:（HyperText Markup Language）【超文本標記語言】
??狹義的HTML指的是網(wǎng)頁；
??廣義的HTML指的是前端技術（html,css,js,以及各種框架）——網(wǎng)頁，移動端網(wǎng)頁，小程序，公眾號，移動端的app，快應用等。
詳細介紹：
??HypertText：超文本——超出文本的范疇，簡單地說，不僅僅是文本，還可以是圖像，音頻，視頻，flash等等；
??Markup：標記——網(wǎng)頁中會有很多標記，不同的標記有不同的含義和功能，標記也叫標簽，Html會包含各種各樣的標簽，這些標簽不能亂寫，必須寫w3c規(guī)范中包含的標簽。
標簽的舉例：
??① -- 雙標簽
??②
-- 單標簽
??HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。
??編輯器：pycharm（搞python的肯定得用pycharm！）
??瀏覽器：Firefox，Chrome（建議使用這倆哦?。?/p>
如果你再pycharm里新建一個html文件就會像下面這樣！
<!DOCTYPE html> #文檔類型的聲明"en"> #根標簽,即文檔的開始。 lang（language），en(english)。聲明語言類型是英語 #網(wǎng)頁頭部 "UTF-8"> #國際編碼 meta配置 字符集編碼的類型 Title<<span id="qoyqs8suu2u" class="token operator">/</span>title> <span id="qoyqs8suu2u" class="token comment">#網(wǎng)頁標題</span><<span id="qoyqs8suu2u" class="token operator">/</span>head><body> <span id="qoyqs8suu2u" class="token comment">#網(wǎng)頁的主體，可視化區(qū)域</span><<span id="qoyqs8suu2u" class="token operator">/</span>body><<span id="qoyqs8suu2u" class="token operator">/</span>html></code></pre> <p><font color="Blue">知識點補給站：</font></p> <ol><li><code><!DOCTYPE html> 標簽：作用：在html文件最前面進行聲明，定義文檔類型，告知瀏覽器用html規(guī)范去解析文檔。</code></li><li><code>在pycharm中編寫HTML文件時，<!-- 要注釋的內(nèi)容--> 為注釋，快捷鍵是Ctrl+/。</code></li><li><code>在pycharm中編寫HTML文件時，打標簽時可直接打標簽名，再Tab即可實現(xiàn)自動補全。 如：輸入p,再Tab會自動補全為：<p></p></code></li></ol> <p></p> <h1><a id="_127"></a>第二部分：標簽</h1> <ol><li>什么是標簽？</li></ol> <pre><code class="prism language-html"> 由尖括號包裹單詞構成，如：<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>html</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>，所以標簽不可能以數(shù)字開頭。</code></pre> <ol start="2"><li>標簽不區(qū)分大小寫，但推薦小寫。</li><li>標簽可以嵌套，但不能交叉嵌套。</li><li>標簽也稱為元素。比如：行內(nèi)標簽亦可成行內(nèi)元素。</li></ol> <pre><code class="prism language-powershell">錯誤示例：<a><b><<span id="qoyqs8suu2u" class="token operator">/</span>a><<span id="qoyqs8suu2u" class="token operator">/</span>b>正確示例：<a><b><<span id="qoyqs8suu2u" class="token operator">/</span>b><<span id="qoyqs8suu2u" class="token operator">/</span>a></code></pre> <p></p> <h2><a id="1_144"></a>1.標簽的使用樣式及屬性</h2> <h3><a id="1_145"></a>（1）標簽的使用樣式：</h3> <ol><li><code>開始標簽又稱開放標簽<a>標簽體</a>結束標簽又稱閉合標簽或關標簽</code></li><li><code>自閉合標簽/單標簽，如：<meta charset="UTF-8">，<br>等</code></li></ol> <pre><code class="prism language-html"> 單標簽有兩種寫法： 寫法一：只寫開標簽即可<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>br</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> 寫法二：在開標簽的結尾寫一個/，如<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>br</span><span id="qoyqs8suu2u" class="token punctuation">/></span></span></code></pre> <h3><a id="2_156"></a>（2）標簽屬性：</h3> <ul><li><code>通常為鍵值對形式出現(xiàn)，比如：<meta charset="UTF-8"> 里面的charset為標簽的屬性，對應的單引號或者雙引號里的稱為屬性值；</code></li><li>屬性只能出現(xiàn)在開始標簽和自閉合標簽內(nèi)，但不能出現(xiàn)在結束標簽里；</li><li>屬性名字全部小寫，屬性值必須用單引號或者雙引號包裹；</li><li>如果屬性名和屬性值完全一樣，直接寫屬性名即可，如：“readonly”(input標簽屬性)</li></ul> <p></p> <h3><a id="3_165"></a>（3）塊狀標簽</h3> <p></p> <h4><a id="_168"></a>第一部分知識點——塊狀標簽的特點：</h4> <pre><code class="prism language-python"><span id="qoyqs8suu2u" class="token operator"><</span>!DOCTYPE html<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>html lang<span id="qoyqs8suu2u" class="token operator">=</span><span id="qoyqs8suu2u" class="token string">"en"</span><span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>head<span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>meta charset<span id="qoyqs8suu2u" class="token operator">=</span><span id="qoyqs8suu2u" class="token string">"UTF-8"</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>title<span id="qoyqs8suu2u" class="token operator">></span>塊狀標簽的特點<span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>title<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>head<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>body<span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span>塊狀標簽的特點<span id="qoyqs8suu2u" class="token punctuation">:</span><span id="qoyqs8suu2u" class="token punctuation">(</span>通過段落標簽p進行說明<span id="qoyqs8suu2u" class="token punctuation">)</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">1</span><span id="qoyqs8suu2u" class="token punctuation">.</span>設置寬高有效，以及外邊距和內(nèi)邊距都可控制<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">2</span><span id="qoyqs8suu2u" class="token punctuation">.</span>在不設置寬度的情況下，寬度始終與父標簽保持一致，與內(nèi)容無關。是父標簽容器的<span id="qoyqs8suu2u" class="token number">100</span><span id="qoyqs8suu2u" class="token operator">%</span>；<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">3</span><span id="qoyqs8suu2u" class="token punctuation">.</span>可以獨占一行，實現(xiàn)自動換行。一個段落標簽不管多少內(nèi)容都占一行<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">4</span><span id="qoyqs8suu2u" class="token punctuation">.</span>當多個塊狀標簽寫一起時，默認排列方式是從上向下<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">5</span><span id="qoyqs8suu2u" class="token punctuation">.</span>可以容納內(nèi)聯(lián)元素和其他塊元素<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>p style<span id="qoyqs8suu2u" class="token operator">=</span><span id="qoyqs8suu2u" class="token string">"width:100px; height:100px"</span><span id="qoyqs8suu2u" class="token operator">></span>這是個段落標簽，我是塊狀標簽<span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>p<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>body<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>html<span id="qoyqs8suu2u" class="token operator">></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站： 1.px是像素，是長度單位； 2.在網(wǎng)頁查看元素（ELements）顯示的是寬度*高度。</td></tr></tbody></table> <h4><a id="_195"></a>第二部分知識點——常用的塊狀標簽：</h4> <p><font color="#008000">小知識點：網(wǎng)頁的默認字號是1em（1em=16px）！</font></p> <p>總共有四個：</p> <ol><li>標題標簽；</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第一個：標題標簽。h1到h6 （一般放在文章的標題） 字體會加粗！--></span> <span id="qoyqs8suu2u" class="token comment"><!-- h1字號是2em--32px；h2字號是1.5em--24px；h3字號是1.17em--18.72px;h4字號是默認字號16px; h5字號是0.83em--13.28px；h6字號是0.67em--換算應該是10.72px，但是網(wǎng)頁有最小字號限制，所以會變?yōu)?2px！ --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>h1</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是一級標簽，一個網(wǎng)頁只能有一個，別的可以有多個<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>h1</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>h2</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是二級標簽<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>h2</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <ol start="2"><li>段落標簽；</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第二個：段落標簽。 大小跟四級標題標簽一樣 （會把HTML文檔分割成若干個段落）--></span> <span id="qoyqs8suu2u" class="token comment"><!-- p標簽默認有段前段后間距--16px；但是段落標簽并不會首行縮進！ --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>p</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是段落標簽<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>p</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <ol start="3"><li>列表標簽：分為有序列表，無序列表和定義列表三大類；</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第三個：列表標簽--></span> <span id="qoyqs8suu2u" class="token comment"><!--（1）有序列表--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>ol</span> <span id="qoyqs8suu2u" class="token attr-name">type</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span>A<span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">start</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span>3<span id="qoyqs8suu2u" class="token punctuation">"</span></span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--ol是order list的縮寫。本行是有序列表的開始 type有五個選擇——1:按1,2,3,4...顯示序號（默認）； A:按A,B,C,D..顯示序號； a：按a,b,c,d..顯示序號； I：按I,II,III,IV，V..顯示序號（羅馬數(shù)字）； i：按i,ii,iii,iv,v..顯示序號（羅馬數(shù)字小寫）。 start規(guī)定從第幾個開始排--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是有序列表1<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是有序列表2<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是有序列表3<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>ol</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--（2）無序列表--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>ul</span> <span id="qoyqs8suu2u" class="token attr-name">type</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span>circle<span id="qoyqs8suu2u" class="token punctuation">"</span></span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--ul是unorder list的縮寫。本行是無序列表的開始 可以設置none（空的）,circle（空心圓）,square（實心方塊），disc（實心圓）[默認值]等樣式--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是無序列表1<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!-- 一個li代表一個列表項。 --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是無序列表2<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是無序列表3<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>這是無序列表4<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>li</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>ul</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--(3)定義列表--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dl</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--本行是定義列表的開始--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dt</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>水果<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dt</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--代表一個大的列項--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>葡萄<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--代表對上面列項的解釋，即細分。--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>榴蓮<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!-- dd有縮進，dt沒有縮進 --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dt</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>蔬菜<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dt</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>花菜<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>包菜<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dd</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>dl</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <ol start="4"><li>div標簽。</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第四個：div標簽：用來分劃一個一個的區(qū)域 （width和height來規(guī)定區(qū)域大?。籦ackground-color是設置區(qū)域背景色）--></span> <span id="qoyqs8suu2u" class="token comment"><!--div是一個純凈的塊元素——所謂純凈意思是沒有任何的默認樣式。不宜過多使用。后期維護不好--></span> <span id="qoyqs8suu2u" class="token comment"><!-- div最大的優(yōu)勢：布局，作為容器，承載其他標簽，因為div沒有默認樣式，所以盡管用div包裹了標簽， 但不影響標簽的展示。 --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>div</span> <span id="qoyqs8suu2u" class="token style-attr"><span id="qoyqs8suu2u" class="token attr-name">style</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token style language-css"><span id="qoyqs8suu2u" class="token property">width</span><span id="qoyqs8suu2u" class="token punctuation">:</span>500px<span id="qoyqs8suu2u" class="token punctuation">;</span><span id="qoyqs8suu2u" class="token property">height</span><span id="qoyqs8suu2u" class="token punctuation">:</span> 500px<span id="qoyqs8suu2u" class="token punctuation">;</span><span id="qoyqs8suu2u" class="token property">background-color</span><span id="qoyqs8suu2u" class="token punctuation">:</span> #66a9fe<span id="qoyqs8suu2u" class="token punctuation">;</span></span><span id="qoyqs8suu2u" class="token punctuation">"</span></span></span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是一個div<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>div</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站：</td></tr></tbody></table> <p>??如果嫌打列表標簽太麻煩，可使用快捷方法:（n表示相應的標簽的個數(shù)，直接輸入下面語句Tab一下即可生成?。?br /> </p> <h4><a id="font_colorredemmetfont_273"></a>深入講解：<font color="red">emmet語法</font>————快速敲代碼小技巧之快速敲標簽語法！</h4> <ol><li> <p><code>*是乘的作用，后面跟一個數(shù)字，數(shù)字是幾，就會生成幾個標簽！</code><br /> 舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p><code>$可以代表一個數(shù)字，這個數(shù)字從1開始，逐步增大，通常和*連用。</code><br /> 舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p><code>{}里面用于書寫標簽的文本內(nèi)容。</code><br /> 舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p><code>[]里面用于書寫屬性名和屬性值（如果不加屬性值，則創(chuàng)建屬性值為空的屬性）</code><br /> 舉例①：<br /> <br /> 舉例②：<br /> </p> <p>實現(xiàn)①：<br /> <br /> 實現(xiàn)②：<br /> </p> </li><li> <p><code>>用于指示下一級標簽，他們構成父子關系（包含關系）</code><br /> 舉例：<br /> </p> <p>說明：<br /> </p> </li><li> <p><code>+在當前標簽的后面生成一個平級的標簽（兄弟關系）</code><br /> 舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p><code>#a生成一個id位a的div標簽</code></p> <p>舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p>綜合使用：<br /> 舉例①：<br /> </p> <p>實現(xiàn)①：<br /> <br /> 舉例②：<br /> <br /> 實現(xiàn)②：<br /> <br /> 舉例③：<br /> <br /> 實現(xiàn)③：<br /> <br /> 舉例④：<br /> <br /> 實現(xiàn)④：<br /> <br /> 舉例⑤：<br /> <br /> 實現(xiàn)⑤：<br /> </p> </li></ol> <h3><a id="4_354"></a>（4）內(nèi)聯(lián)標簽（行內(nèi)標簽）</h3> <p></p> <h4><a id="_357"></a>第一部分知識點——內(nèi)聯(lián)標簽的特點：</h4> <pre><code class="prism language-python"><span id="qoyqs8suu2u" class="token operator"><</span>!DOCTYPE html<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>html lang<span id="qoyqs8suu2u" class="token operator">=</span><span id="qoyqs8suu2u" class="token string">"en"</span><span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>head<span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>meta charset<span id="qoyqs8suu2u" class="token operator">=</span><span id="qoyqs8suu2u" class="token string">"UTF-8"</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>title<span id="qoyqs8suu2u" class="token operator">></span>內(nèi)聯(lián)標簽，又稱行內(nèi)標簽的特點<span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>title<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>head<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span>body<span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span>內(nèi)聯(lián)標簽的特點（通過文本標簽span說明）<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">1</span><span id="qoyqs8suu2u" class="token punctuation">.</span>設置寬高無效，以及外邊距和內(nèi)邊距都無法控制<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">2</span><span id="qoyqs8suu2u" class="token punctuation">.</span>寬度就是其文字或者圖片寬度，無法控制<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">3</span><span id="qoyqs8suu2u" class="token punctuation">.</span>不會進行自動換行，只有本行放滿才會放下一行<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">4</span><span id="qoyqs8suu2u" class="token punctuation">.</span>當多個內(nèi)聯(lián)標簽寫在一起時，默認排列方式是從左往右<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>!<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token number">5</span><span id="qoyqs8suu2u" class="token punctuation">.</span>內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素<span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">-</span><span id="qoyqs8suu2u" class="token operator">></span> <span id="qoyqs8suu2u" class="token operator"><</span>span<span id="qoyqs8suu2u" class="token operator">></span>我是個文本標簽<span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>span<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>body<span id="qoyqs8suu2u" class="token operator">></span><span id="qoyqs8suu2u" class="token operator"><</span><span id="qoyqs8suu2u" class="token operator">/</span>html<span id="qoyqs8suu2u" class="token operator">></span></code></pre> <h4><a id="_380"></a>第二部分知識點——常用的內(nèi)聯(lián)標簽：</h4> <p>總共有四種：</p> <ol><li>圖片標簽</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第一個：圖片標簽 img + Tab--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>img</span> <span id="qoyqs8suu2u" class="token attr-name">src</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">alt</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">width</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">height</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token punctuation">"</span></span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--src是圖片的地址，可以直接是網(wǎng)頁里的圖片地址， 也可以是本地圖片的地址（推薦使用相對路徑——相對的含義：圖片相對于Html文件的位置，參照物是html文件！--></span> <span id="qoyqs8suu2u" class="token comment"><!-- alt是當圖片加載失敗時顯示的內(nèi)容--></span> <span id="qoyqs8suu2u" class="token comment"><!-- width是圖片寬度；height是圖片高度。不指定按原圖大小顯示注意。：如果二者只指定一個，另外一個會等比例縮放 --></span> <span id="qoyqs8suu2u" class="token comment"><!-- img不是塊元素(block)，也不算行元素(inline)，它是行級塊元素（inline-block） --></span></code></pre> <ol start="2"><li>粗體/斜體標簽</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第二個：粗體/斜體標簽 b+ Tab i+ Tab --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>b</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是粗體<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>b</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>i</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是斜體<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>i</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <ol start="3"><li>超鏈接標簽</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第三個：超鏈接標簽 _self本身網(wǎng)頁上打開；_blank打開一個新網(wǎng)頁--></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>a</span> <span id="qoyqs8suu2u" class="token attr-name">href</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span><span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">title</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span>超鏈接的一個說明（鼠標放上會顯示的文本）<span id="qoyqs8suu2u" class="token punctuation">"</span></span> <span id="qoyqs8suu2u" class="token attr-name">target</span><span id="qoyqs8suu2u" class="token attr-value"><span id="qoyqs8suu2u" class="token punctuation attr-equals">=</span><span id="qoyqs8suu2u" class="token punctuation">"</span>_self<span id="qoyqs8suu2u" class="token punctuation">"</span></span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是超鏈接<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>a</span><span id="qoyqs8suu2u" class="token punctuation">></span></span> <span id="qoyqs8suu2u" class="token comment"><!--href里可以寫網(wǎng)址，可以寫文件路徑--></span> <span id="qoyqs8suu2u" class="token comment"><!-- 如果href="" 那么點擊后會刷新當前網(wǎng)頁，而且會回到頂部 --></span> <span id="qoyqs8suu2u" class="token comment"><!-- 如果href="#" 那么點擊后，會回到頂部，但不會刷新頁面 --></span> <span id="qoyqs8suu2u" class="token comment"><!-- 如果href="#錨點" 那么點擊后，會跳到指定的錨點處（錨點其實就是一個id值）！ --></span></code></pre> <ol start="4"><li>文本標簽</li></ol> <pre><code class="prism language-html"> <span id="qoyqs8suu2u" class="token comment"><!--第四個：文字標簽 和css配合使用才有用哦！--></span> <span id="qoyqs8suu2u" class="token comment"><!-- span是一個純凈的行元素；所謂的純凈——沒有任何默認樣式； --></span> <span id="qoyqs8suu2u" class="token comment"><!-- span最大的優(yōu)勢：設定樣式，主要作用于行元素或者文字等 --></span> <span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"><</span>span</span><span id="qoyqs8suu2u" class="token punctuation">></span></span>我是文本標簽<span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token tag"><span id="qoyqs8suu2u" class="token punctuation"></</span>span</span><span id="qoyqs8suu2u" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站第一站點：</td></tr></tbody></table> <p>如果圖片標簽里填的是本地圖片的地址（相對路徑）：<br /> ??1.如果圖片在同級目錄下，直接： 當前目錄名/圖片名<br /> 或者： ./當前目錄名/圖片名<br /> ??2.如果圖片在上級目錄下，直接： . ./圖片名</p> <table><tbody><tr><td bgcolor="yellow">知識點補給站第二站點：</td></tr></tbody></table> <p><br /> 至于為什么要實現(xiàn)行內(nèi)標簽和塊狀標簽的相互轉換，小伙伴們在設置css樣式時會get到這個點哦。<br /> ??<font color="Blue">比如：塊狀標簽是不能放在一行了，但我們可以通過先轉換為行內(nèi)標簽就可以了！??！<br /> </font></p> <p></p> <h1><a id="In_The_End_446"></a>In The End！</h1> <p></p> <table><tbody><tr><td bgcolor="yellow">從現(xiàn)在做起，堅持下去，一天進步一小點，不久的將來，你會感謝曾經(jīng)努力的你！</td></tr></tbody></table> <p>?<strong>本博主會持續(xù)更新爬蟲基礎分欄及爬蟲實戰(zhàn)分欄（為了小伙伴們更好的進行頁面解析，也會更新部分前端必備知識點博文！），認真仔細看完本文的小伙伴們，可以點贊收藏并評論出你們的讀后感。并可關注本博主，在今后的日子里閱讀更多爬蟲文！</strong></p> <pre><code class="prism language-powershell"> 如有錯誤或者言語不恰當?shù)牡胤娇稍谠u論區(qū)指出，謝謝！ 如轉載此文請聯(lián)系我說明用以意并標注出處及本博主名，謝謝！</code></pre> <p>?</p> <p><span id="jump99"></span></p><center> ??可通過點擊下面——>關注本人運營 <strong>公眾號</strong>??</center><p></p> <center> <font size="1">【可以公眾號里私聊并標明來自CSDN，會拉你進入技術交流群（群內(nèi)涉及各個領域大佬級人物，任何問題都可討論~）--->互相學習&&共同進步（非誠勿擾）】</font></center> </div> <link rel="stylesheet"> <link rel="stylesheet"> </div> <div class="qoyqs8suu2u" id="blogExtensionBox" style="width:400px;margin:auto;margin-top:12px" class="blog-extension-box"></div>
</div>
<div id="qoyqs8suu2u" class="mt-64 tags-seach" >
<div id="qoyqs8suu2u" class="tags-info">
<a style="width:120px;" title="云服務器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務器</a>
<a style="width:120px;" title="GPU云服務器" href="http://systransis.cn/site/product/gpu.html">GPU云服務器</a>
<a style="width:120px;" title="html收藏" href="http://systransis.cn/yun/tag/htmlshoucang/">html收藏</a>
<a style="width:120px;" title="大數(shù)據(jù)平臺部署 建議" href="http://systransis.cn/yun/tag/dashujupingtaibushu jianyi/">大數(shù)據(jù)平臺部署 建議</a>
<a style="width:120px;" title="html收藏夾代碼" href="http://systransis.cn/yun/tag/htmlshoucangjiadaima/">html收藏夾代碼</a>
<a style="width:120px;" title="html字" href="http://systransis.cn/yun/tag/htmlzi/">html字</a>
</div>
</div>
<div id="qoyqs8suu2u" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
<p>轉載請注明本文地址：http://systransis.cn/yun/122442.html</p>
</div>
<ul class="pre-next-page">
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/122441.html">上一篇：【Python爬蟲】手把手帶你爬下肯德基官網(wǎng)（ajax的post請求）</a></li>
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/122443.html">下一篇：我用Python逆向登錄世界上最大的游戲平臺，steam加密手段有多高明【內(nèi)附源碼】</a></li>
</ul>
</div>
<div id="qoyqs8suu2u" class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/121429.html"><b>糊涂算法之「八<em>大</em>排序」<em>總結</em>——用<em>兩萬</em><em>字</em>，8張動圖，450行代碼跨過排序這道坎（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：今天，一條就帶大家徹底跨過排序算法這道坎，保姆級教程建議收藏。利用遞歸算法，對分治后的子數(shù)組進行排序?；舅枷攵雅判蚴抢枚堰@種數(shù)據(jù)結構而設計的一種排序算法，堆排序是一種選擇排序，它的最壞，最好，平均時間復雜度均為，它也是不穩(wěn)定排序。 ...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-392.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000392.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">greatwhole</span></a>
<time datetime="">2021-09-28 09:36</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/119824.html"><b><em>保姆</em><em>級</em><em>教程</em>帶你開發(fā)優(yōu)質的Python庫之<em>上篇</em>【<em>建議</em><em>收藏</em>】</b></a></h2>
<p class="ellipsis2 good">摘要：正式的專欄第篇，同學站住，別錯過這個從開始的文章前面學委的入門到精通專欄積累了篇文章，當然學委博客還有幾十篇應用的文章。 正式的Python專欄第9篇，同學站住...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-1164.html"><img src="http://systransis.cn/yun/data/avatar/000/00/11/small_000001164.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">hyuan</span></a>
<time datetime="">2021-09-10 10:51</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/120967.html"><b>13 萬<em>字</em> C 語言從入門到精通<em>保姆</em><em>級</em><em>教程</em>2021 年版 （<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：友情提示先關注收藏，再查看，萬字保姆級語言從入門到精通教程。及大牛出天地開始有隨之乃有萬種語年英國劍橋大學推出了語言。 友情提示：先關注收藏，再查看，13 萬字保...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-1432.html"><img src="http://systransis.cn/yun/data/avatar/000/00/14/small_000001432.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">zombieda</span></a>
<time datetime="">2021-09-24 09:48</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/121531.html"><b>從小白程序員一路晉升為<em>大</em>廠高<em>級</em>技術專家我看過哪些書籍？（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：大家好，我是冰河有句話叫做投資啥都不如投資自己的回報率高。馬上就十一國慶假期了，給小伙伴們分享下，從小白程序員到大廠高級技術專家我看過哪些技術類書籍。 大家好，我是...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-986.html"><img src="http://systransis.cn/yun/data/avatar/000/00/09/small_000000986.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">sf_wangchong</span></a>
<time datetime="">2021-09-29 09:35</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/118774.html"><b>【<em>保姆</em><em>級</em><em>教程</em>】從零到精通Git，CodeChina實戰(zhàn)</b></a></h2>
<p class="ellipsis2 good">摘要：因為是全中文的，對一些英語不好的人來說確實是福利。二下載安裝下載官網(wǎng)下載地址進去之后，點擊點擊后就會自動下載了。 文章目錄 推薦系列教程，推薦的一定是精選的！一....</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-206.html"><img src="http://systransis.cn/yun/data/avatar/000/00/02/small_000000206.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">lyning</span></a>
<time datetime="">2021-09-02 15:11</time>
<span><i class="fa fa-commenting"></i>評論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div id="qoyqs8suu2u" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3>
<div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd">
<div id="qoyqs8suu2u" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="qoyqs8suu2u" class="site-box-content">
<div id="qoyqs8suu2u" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="qoyqs8suu2u" class="pages"></ul></div>
</div>
</div>
<div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="qoyqs8suu2u" class="">
<div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox">
<a href="http://systransis.cn/yun/u-668.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000668.jpg" alt=""></a>
<h3><a href="http://systransis.cn/yun/u-668.html" rel="nofollow">paulli3</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(668)" id="attenttouser_668" class="grad follow-btn notfollow attention">我要關注</a>
<a href="javascript:login()" title="發(fā)私信" >我要私信</a>
</div>
<div id="qoyqs8suu2u" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://systransis.cn/yun/ut-668.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/123686.html">【STM32+cubemx】0011 HAL庫開發(fā)：I2C總線訪問加速度傳感器ADXL345</a></h3>
<p>閱讀 2419<span>·</span>2021-11-18 10:02</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/122442.html">保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）</a></h3>
<p>閱讀 1934<span>·</span>2021-10-13 09:40</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119444.html">DediPath九月4折：洛杉磯VPS月付1.4美元起;美國獨立服務器月付39美元起</a></h3>
<p>閱讀 3012<span>·</span>2021-09-07 10:07</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119169.html">TOB主題2.7版本更新：重做文章主列表、新增菜單圖標支持、麵包屑、彩色標籤、縮略圖圓角</a></h3>
<p>閱讀 2119<span>·</span>2021-09-04 16:48</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115456.html">前端開源項目周報0103</a></h3>
<p>閱讀 1017<span>·</span>2019-08-30 13:18</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/112894.html">CSS盒子模型以及外邊框合并的問題</a></h3>
<p>閱讀 2463<span>·</span>2019-08-29 14:03</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/112231.html">CSS display屬性</a></h3>
<p>閱讀 2931<span>·</span>2019-08-29 12:54</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/107383.html">可拖動table表頭的實現(xiàn)</a></h3>
<p>閱讀 3169<span>·</span>2019-08-26 11:41</p></li>
</ul>
</div>
<!-- 文章詳情右側廣告-->
<div id="qoyqs8suu2u" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>
<div id="qoyqs8suu2u" class="com_adbox">
<div id="qoyqs8suu2u" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器">
</a>
</div>
<div>
<a href="http://systransis.cn/site/product/gpu.html" rel="nofollow">
<img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器">
</a>
</div>
</div>
</div>
</div> <!-- banner結束 -->
<div id="qoyqs8suu2u" class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://systransis.cn/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按鈕 -->
<div id="qoyqs8suu2u" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="qoyqs8suu2u" class="site-mobile-shade"></div>
<!--付費閱讀 -->
<div class="qoyqs8suu2u" id="payread">
<div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="qoyqs8suu2u" class="layui-form-item"><button class="btn-right">支付并查看</button></div>
</div>
<script>
var prei=0;
$(".site-seo-depict pre").each(function(){
var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
$(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
$(this).html("").append("<code>"+html+"</code>");
prei++;
})
$(".site-seo-depict img").each(function(){
if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
$(this).remove();
}
})
$("LINK[href*='style-49037e4d27.css']").remove();
$("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
$("pre").attr("class","layui-code");
$("pre").attr("lay-title","");
$("pre").attr("lay-skin","");
layui.code();
$(".layui-code-h3 a").attr("class","copycode").html("復制代碼 ").attr("onclick","copycode(this)");
});
function copycode(target){
var id=$(target).parent().parent().attr("id");
var clipboard = new ClipboardJS("#"+id);
clipboard.on('success', function(e) {
e.clearSelection();
alert("復制成功")
});
clipboard.on('error', function(e) {
alert("復制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://systransis.cn/yun/static/js/clipboard.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
function setcode(){
var _html='';
document.querySelectorAll('pre code').forEach((block) => {
var _tmptext=$.trim($(block).text());
if(_tmptext!=''){
_html=_html+_tmptext;
console.log(_html);
}
});
}
</script>
<script>
function payread(){
layer.open({
type: 1,
title:"付費閱讀",
shadeClose: true,
content: $('#payread')
});
}
// 舉報
function jupao_tip(){
layer.open({
type: 1,
title:false,
shadeClose: true,
content: $('#jubao')
});
}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);
})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
$(".button_agree").click(function(){
var supportobj = $(this);
var tid = $(this).attr("id");
$.ajax({
type: "GET",
url:"http://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {
supportobj.find("span").html(comments+"人贊");
}
});
}else{
alert("您已經(jīng)贊過");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交數(shù)據(jù)的類型 POST GET
type:"POST",
//提交的網(wǎng)址
url:"http://systransis.cn/yun/favorite/topicadd.html",
//提交的數(shù)據(jù)
data:{tid:_tid,rs:_rs},
//返回數(shù)據(jù)的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請求之前調(diào)用的函數(shù)
beforeSend:function(){},
//成功返回之后調(diào)用的函數(shù)
success:function(data){
var data=eval("("+data+")");
console.log(data)
if(data.code==2000){
layer.msg(data.msg,function(){
if(data.rs==1){
//取消收藏
$(".layui-layer-tips").attr("data-tips","收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
}
if(data.rs==0){
//收藏成功
$(".layui-layer-tips").attr("data-tips","已收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
}
})
}else{
layer.msg(data.msg)
}
} ,
//調(diào)用執(zhí)行后調(diào)用的函數(shù)
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//調(diào)用出錯執(zhí)行的函數(shù)
error: function(){
//請求出錯處理
postadopt=false;
}
});
}
</script>
<footer>
<div id="qoyqs8suu2u" class="layui-container">
<div id="qoyqs8suu2u" class="flex_box_zd">
<div id="qoyqs8suu2u" class="left-footer">
<h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
<p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業(yè)務領域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務平臺等一系列云計算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
</div>
<div id="qoyqs8suu2u" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務</h6>
<p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動態(tài)</a></p>
</li>
<li>
<h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p>
<p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p>
</li>
<li>
<h6>社區(qū)欄目</h6>
<p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p>
<p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://systransis.cn/site/about/news/recent/" >新聞動態(tài)</a></p>
<p><a href="http://systransis.cn/site/about/news/report/">媒體動態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p>
<p><a href="http://systransis.cn/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
<p>掃掃了解更多</p></div>
</div>
<div id="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div>
</div>
</footer>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="vzddp" class="pl_css_ganrao" style="display: none;"><label id="vzddp"><video id="vzddp"><font id="vzddp"><div id="vzddp"></div></font></video></label><p id="vzddp"></p><tt id="vzddp"><progress id="vzddp"></progress></tt><label id="vzddp"><video id="vzddp"></video></label><label id="vzddp"></label><label id="vzddp"><video id="vzddp"></video></label><tt id="vzddp"><big id="vzddp"><label id="vzddp"><strong id="vzddp"></strong></label></big></tt><nobr id="vzddp"><em id="vzddp"><meter id="vzddp"><pre id="vzddp"></pre></meter></em></nobr><div id="vzddp"></div><rp id="vzddp"><font id="vzddp"></font></rp><pre id="vzddp"><style id="vzddp"><nobr id="vzddp"><em id="vzddp"></em></nobr></style></pre><meter id="vzddp"><pre id="vzddp"><style id="vzddp"><video id="vzddp"></video></style></pre></meter><i id="vzddp"><listing id="vzddp"></listing></i><form id="vzddp"><legend id="vzddp"><dfn id="vzddp"><u id="vzddp"></u></dfn></legend></form><strong id="vzddp"><small id="vzddp"><output id="vzddp"><sub id="vzddp"></sub></output></small></strong><u id="vzddp"><mark id="vzddp"><acronym id="vzddp"><pre id="vzddp"></pre></acronym></mark></u><acronym id="vzddp"><strong id="vzddp"><track id="vzddp"><thead id="vzddp"></thead></track></strong></acronym><listing id="vzddp"><dfn id="vzddp"><meter id="vzddp"><pre id="vzddp"></pre></meter></dfn></listing><strong id="vzddp"><track id="vzddp"></track></strong><thead id="vzddp"><thead id="vzddp"><strong id="vzddp"><optgroup id="vzddp"></optgroup></strong></thead></thead><ruby id="vzddp"><thead id="vzddp"></thead></ruby><dfn id="vzddp"><u id="vzddp"></u></dfn><form id="vzddp"><pre id="vzddp"><th id="vzddp"><tt id="vzddp"></tt></th></pre></form><label id="vzddp"></label><thead id="vzddp"><big id="vzddp"><label id="vzddp"><pre id="vzddp"></pre></label></big></thead><sup id="vzddp"><form id="vzddp"><ins id="vzddp"><form id="vzddp"></form></ins></form></sup><ol id="vzddp"></ol><sub id="vzddp"><thead id="vzddp"></thead></sub><form id="vzddp"></form><dl id="vzddp"><pre id="vzddp"></pre></dl><ruby id="vzddp"></ruby><strike id="vzddp"><strong id="vzddp"></strong></strike><listing id="vzddp"><dfn id="vzddp"><ruby id="vzddp"><span id="vzddp"></span></ruby></dfn></listing><p id="vzddp"><var id="vzddp"></var></p><var id="vzddp"><u id="vzddp"></u></var><strike id="vzddp"><listing id="vzddp"></listing></strike><optgroup id="vzddp"><output id="vzddp"></output></optgroup><ins id="vzddp"><form id="vzddp"><p id="vzddp"><var id="vzddp"></var></p></form></ins><strong id="vzddp"></strong><menuitem id="vzddp"><pre id="vzddp"><i id="vzddp"><nobr id="vzddp"></nobr></i></pre></menuitem><strike id="vzddp"></strike><mark id="vzddp"><acronym id="vzddp"><legend id="vzddp"><dfn id="vzddp"></dfn></legend></acronym></mark><b id="vzddp"></b><sup id="vzddp"><form id="vzddp"><ins id="vzddp"><font id="vzddp"></font></ins></form></sup><optgroup id="vzddp"></optgroup><strong id="vzddp"></strong><ruby id="vzddp"><thead id="vzddp"></thead></ruby><em id="vzddp"></em><acronym id="vzddp"><legend id="vzddp"><th id="vzddp"><b id="vzddp"></b></th></legend></acronym><th id="vzddp"><tt id="vzddp"><progress id="vzddp"><dl id="vzddp"></dl></progress></tt></th></div>
<script src="http://systransis.cn/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>