資訊專欄INFORMATION COLUMN
摘要：標(biāo)簽不區(qū)分大小寫，但推薦小寫。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。
????????
??直接跳到末尾?? ——>領(lǐng)取專屬粉絲福利?
?????????
??上一篇博文兩萬字博文教你python爬蟲requests庫，看完還不會我把我女朋友都給你【??熬夜整理&建議收藏??】被眾多爬蟲愛好者/想要學(xué)習(xí)爬蟲的小伙伴們閱讀之后，很多小伙伴私信我說——爬是會爬了，但是爬下來的都是網(wǎng)頁源碼數(shù)據(jù)，真心看不懂鴨！該怎么辦？?
??（苦笑）為了能讓小伙伴們對日后所學(xué)的頁面解析庫理解更深，所以本博主又連夜加班加點，苦苦熬制本文（分上下兩篇哦！），為大家深入全面的講解一下常見的前端知識——學(xué)啥技術(shù)都是從底層抓起，萬丈高樓平地起，它也是基于地基穩(wěn)！ 所以本文（共分上下兩篇哦?。┦潜软撁娼馕鰩煲纫徊娇偨Y(jié)給小伙伴們哦！?
??在這兩篇博文中，本博主就帶領(lǐng)小伙伴們認(rèn)真地學(xué)習(xí)一下HTML（超文本標(biāo)記語言）相關(guān)的必備知識（爬蟲爬到數(shù)據(jù)之后解析頁面數(shù)據(jù)你得多少能看懂頁面結(jié)構(gòu)?。?font size="4" color="Blue">HTML是一門標(biāo)記語言，標(biāo)記語言由一套標(biāo)記標(biāo)簽組成，學(xué)習(xí)HTML，就是學(xué)習(xí)標(biāo)簽。！?
??相信有不少小伙伴已經(jīng)通過我的上篇博文完全地學(xué)費了requests庫，而本篇（以及下篇）文講解的HTML知識，將會使你日后解析爬取到的頁面數(shù)據(jù)信手拈來哦~
| 知識點補給站： |
如果把網(wǎng)頁比作一個人的話，HTML相當(dāng)于骨架，JavaScript相當(dāng)于肌肉，CSS相當(dāng)于皮膚。三者結(jié)合起來才能形成一個完善的網(wǎng)頁。首先要普及的一個概念是一個網(wǎng)頁組成部分： ①HTML：用于定義網(wǎng)頁里面有什么內(nèi)容； ②CSS:對內(nèi)容進(jìn)行排版； （1）找到要排版的內(nèi)容————如何找到要排版的標(biāo)簽； （2）設(shè)置樣式————標(biāo)簽都能設(shè)置哪些樣式。 ③JavaScript:用于動態(tài)的控制頁面。HTML:（HyperText Markup Language）【超文本標(biāo)記語言】
??狹義的HTML指的是網(wǎng)頁；
??廣義的HTML指的是前端技術(shù)（html,css,js,以及各種框架）——網(wǎng)頁，移動端網(wǎng)頁，小程序，公眾號，移動端的app，快應(yīng)用等。
詳細(xì)介紹：
??HypertText：超文本——超出文本的范疇，簡單地說，不僅僅是文本，還可以是圖像，音頻，視頻，flash等等；
??Markup：標(biāo)記——網(wǎng)頁中會有很多標(biāo)記，不同的標(biāo)記有不同的含義和功能，標(biāo)記也叫標(biāo)簽，Html會包含各種各樣的標(biāo)簽，這些標(biāo)簽不能亂寫，必須寫w3c規(guī)范中包含的標(biāo)簽。
標(biāo)簽的舉例：
??① -- 雙標(biāo)簽
??②
-- 單標(biāo)簽
??HTML是一門標(biāo)記語言，標(biāo)記語言由一套標(biāo)記標(biāo)簽組成，學(xué)習(xí)HTML，就是學(xué)習(xí)標(biāo)簽。
??編輯器：pycharm（搞python的肯定得用pycharm！）
??瀏覽器：Firefox，Chrome（建議使用這倆哦！）
如果你再pycharm里新建一個html文件就會像下面這樣！
<!DOCTYPE html> #文檔類型的聲明"en"> #根標(biāo)簽,即文檔的開始。 lang（language），en(english)。聲明語言類型是英語 #網(wǎng)頁頭部 "UTF-8"> #國際編碼 meta配置 字符集編碼的類型 Title<<span id="dnkpnhlp" class="token operator">/</span>title> <span id="dnkpnhlp" class="token comment">#網(wǎng)頁標(biāo)題</span><<span id="dnkpnhlp" class="token operator">/</span>head><body> <span id="dnkpnhlp" class="token comment">#網(wǎng)頁的主體，可視化區(qū)域</span><<span id="dnkpnhlp" class="token operator">/</span>body><<span id="dnkpnhlp" class="token operator">/</span>html></code></pre> <p><font color="Blue">知識點補給站：</font></p> <ol><li><code><!DOCTYPE html> 標(biāo)簽：作用：在html文件最前面進(jìn)行聲明，定義文檔類型，告知瀏覽器用html規(guī)范去解析文檔。</code></li><li><code>在pycharm中編寫HTML文件時，<!-- 要注釋的內(nèi)容--> 為注釋，快捷鍵是Ctrl+/。</code></li><li><code>在pycharm中編寫HTML文件時，打標(biāo)簽時可直接打標(biāo)簽名，再Tab即可實現(xiàn)自動補全。 如：輸入p,再Tab會自動補全為：<p></p></code></li></ol> <p></p> <h1><a id="_127"></a>第二部分：標(biāo)簽</h1> <ol><li>什么是標(biāo)簽？</li></ol> <pre><code class="prism language-html"> 由尖括號包裹單詞構(gòu)成，如：<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>html</span><span id="dnkpnhlp" class="token punctuation">></span></span>，所以標(biāo)簽不可能以數(shù)字開頭。</code></pre> <ol start="2"><li>標(biāo)簽不區(qū)分大小寫，但推薦小寫。</li><li>標(biāo)簽可以嵌套，但不能交叉嵌套。</li><li>標(biāo)簽也稱為元素。比如：行內(nèi)標(biāo)簽亦可成行內(nèi)元素。</li></ol> <pre><code class="prism language-powershell">錯誤示例：<a><b><<span id="dnkpnhlp" class="token operator">/</span>a><<span id="dnkpnhlp" class="token operator">/</span>b>正確示例：<a><b><<span id="dnkpnhlp" class="token operator">/</span>b><<span id="dnkpnhlp" class="token operator">/</span>a></code></pre> <p></p> <h2><a id="1_144"></a>1.標(biāo)簽的使用樣式及屬性</h2> <h3><a id="1_145"></a>（1）標(biāo)簽的使用樣式：</h3> <ol><li><code>開始標(biāo)簽又稱開放標(biāo)簽<a>標(biāo)簽體</a>結(jié)束標(biāo)簽又稱閉合標(biāo)簽或關(guān)標(biāo)簽</code></li><li><code>自閉合標(biāo)簽/單標(biāo)簽，如：<meta charset="UTF-8">，<br>等</code></li></ol> <pre><code class="prism language-html"> 單標(biāo)簽有兩種寫法： 寫法一：只寫開標(biāo)簽即可<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>br</span><span id="dnkpnhlp" class="token punctuation">></span></span> 寫法二：在開標(biāo)簽的結(jié)尾寫一個/，如<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>br</span><span id="dnkpnhlp" class="token punctuation">/></span></span></code></pre> <h3><a id="2_156"></a>（2）標(biāo)簽屬性：</h3> <ul><li><code>通常為鍵值對形式出現(xiàn)，比如：<meta charset="UTF-8"> 里面的charset為標(biāo)簽的屬性，對應(yīng)的單引號或者雙引號里的稱為屬性值；</code></li><li>屬性只能出現(xiàn)在開始標(biāo)簽和自閉合標(biāo)簽內(nèi)，但不能出現(xiàn)在結(jié)束標(biāo)簽里；</li><li>屬性名字全部小寫，屬性值必須用單引號或者雙引號包裹；</li><li>如果屬性名和屬性值完全一樣，直接寫屬性名即可，如：“readonly”(input標(biāo)簽屬性)</li></ul> <p></p> <h3><a id="3_165"></a>（3）塊狀標(biāo)簽</h3> <p></p> <h4><a id="_168"></a>第一部分知識點——塊狀標(biāo)簽的特點：</h4> <pre><code class="prism language-python"><span id="dnkpnhlp" class="token operator"><</span>!DOCTYPE html<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>html lang<span id="dnkpnhlp" class="token operator">=</span><span id="dnkpnhlp" class="token string">"en"</span><span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>head<span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>meta charset<span id="dnkpnhlp" class="token operator">=</span><span id="dnkpnhlp" class="token string">"UTF-8"</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>title<span id="dnkpnhlp" class="token operator">></span>塊狀標(biāo)簽的特點<span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>title<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>head<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>body<span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span>塊狀標(biāo)簽的特點<span id="dnkpnhlp" class="token punctuation">:</span><span id="dnkpnhlp" class="token punctuation">(</span>通過段落標(biāo)簽p進(jìn)行說明<span id="dnkpnhlp" class="token punctuation">)</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">1</span><span id="dnkpnhlp" class="token punctuation">.</span>設(shè)置寬高有效，以及外邊距和內(nèi)邊距都可控制<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">2</span><span id="dnkpnhlp" class="token punctuation">.</span>在不設(shè)置寬度的情況下，寬度始終與父標(biāo)簽保持一致，與內(nèi)容無關(guān)。是父標(biāo)簽容器的<span id="dnkpnhlp" class="token number">100</span><span id="dnkpnhlp" class="token operator">%</span>；<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">3</span><span id="dnkpnhlp" class="token punctuation">.</span>可以獨占一行，實現(xiàn)自動換行。一個段落標(biāo)簽不管多少內(nèi)容都占一行<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">4</span><span id="dnkpnhlp" class="token punctuation">.</span>當(dāng)多個塊狀標(biāo)簽寫一起時，默認(rèn)排列方式是從上向下<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">5</span><span id="dnkpnhlp" class="token punctuation">.</span>可以容納內(nèi)聯(lián)元素和其他塊元素<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>p style<span id="dnkpnhlp" class="token operator">=</span><span id="dnkpnhlp" class="token string">"width:100px; height:100px"</span><span id="dnkpnhlp" class="token operator">></span>這是個段落標(biāo)簽，我是塊狀標(biāo)簽<span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>p<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>body<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>html<span id="dnkpnhlp" 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>第二部分知識點——常用的塊狀標(biāo)簽：</h4> <p><font color="#008000">小知識點：網(wǎng)頁的默認(rèn)字號是1em（1em=16px）！</font></p> <p>總共有四個：</p> <ol><li>標(biāo)題標(biāo)簽；</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第一個：標(biāo)題標(biāo)簽。h1到h6 （一般放在文章的標(biāo)題） 字體會加粗！--></span> <span id="dnkpnhlp" class="token comment"><!-- h1字號是2em--32px；h2字號是1.5em--24px；h3字號是1.17em--18.72px;h4字號是默認(rèn)字號16px; h5字號是0.83em--13.28px；h6字號是0.67em--換算應(yīng)該是10.72px，但是網(wǎng)頁有最小字號限制，所以會變?yōu)?2px！ --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>h1</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是一級標(biāo)簽，一個網(wǎng)頁只能有一個，別的可以有多個<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>h1</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>h2</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是二級標(biāo)簽<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>h2</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <ol start="2"><li>段落標(biāo)簽；</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第二個：段落標(biāo)簽。 大小跟四級標(biāo)題標(biāo)簽一樣 （會把HTML文檔分割成若干個段落）--></span> <span id="dnkpnhlp" class="token comment"><!-- p標(biāo)簽?zāi)J(rèn)有段前段后間距--16px；但是段落標(biāo)簽并不會首行縮進(jìn)！ --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>p</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是段落標(biāo)簽<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>p</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <ol start="3"><li>列表標(biāo)簽：分為有序列表，無序列表和定義列表三大類；</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第三個：列表標(biāo)簽--></span> <span id="dnkpnhlp" class="token comment"><!--（1）有序列表--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>ol</span> <span id="dnkpnhlp" class="token attr-name">type</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span>A<span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">start</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span>3<span id="dnkpnhlp" class="token punctuation">"</span></span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--ol是order list的縮寫。本行是有序列表的開始 type有五個選擇——1:按1,2,3,4...顯示序號（默認(rèn)）； 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="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是有序列表1<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是有序列表2<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是有序列表3<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>ol</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--（2）無序列表--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>ul</span> <span id="dnkpnhlp" class="token attr-name">type</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span>circle<span id="dnkpnhlp" class="token punctuation">"</span></span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--ul是unorder list的縮寫。本行是無序列表的開始 可以設(shè)置none（空的）,circle（空心圓）,square（實心方塊），disc（實心圓）[默認(rèn)值]等樣式--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是無序列表1<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!-- 一個li代表一個列表項。 --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是無序列表2<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是無序列表3<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span>這是無序列表4<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>li</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>ul</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--(3)定義列表--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dl</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--本行是定義列表的開始--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dt</span><span id="dnkpnhlp" class="token punctuation">></span></span>水果<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dt</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--代表一個大的列項--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span>葡萄<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--代表對上面列項的解釋，即細(xì)分。--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span>榴蓮<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!-- dd有縮進(jìn)，dt沒有縮進(jìn) --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dt</span><span id="dnkpnhlp" class="token punctuation">></span></span>蔬菜<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dt</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span>花菜<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span>包菜<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dd</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>dl</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <ol start="4"><li>div標(biāo)簽。</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第四個：div標(biāo)簽：用來分劃一個一個的區(qū)域 （width和height來規(guī)定區(qū)域大?。籦ackground-color是設(shè)置區(qū)域背景色）--></span> <span id="dnkpnhlp" class="token comment"><!--div是一個純凈的塊元素——所謂純凈意思是沒有任何的默認(rèn)樣式。不宜過多使用。后期維護不好--></span> <span id="dnkpnhlp" class="token comment"><!-- div最大的優(yōu)勢：布局，作為容器，承載其他標(biāo)簽，因為div沒有默認(rèn)樣式，所以盡管用div包裹了標(biāo)簽， 但不影響標(biāo)簽的展示。 --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>div</span> <span id="dnkpnhlp" class="token style-attr"><span id="dnkpnhlp" class="token attr-name">style</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token style language-css"><span id="dnkpnhlp" class="token property">width</span><span id="dnkpnhlp" class="token punctuation">:</span>500px<span id="dnkpnhlp" class="token punctuation">;</span><span id="dnkpnhlp" class="token property">height</span><span id="dnkpnhlp" class="token punctuation">:</span> 500px<span id="dnkpnhlp" class="token punctuation">;</span><span id="dnkpnhlp" class="token property">background-color</span><span id="dnkpnhlp" class="token punctuation">:</span> #66a9fe<span id="dnkpnhlp" class="token punctuation">;</span></span><span id="dnkpnhlp" class="token punctuation">"</span></span></span><span id="dnkpnhlp" class="token punctuation">></span></span>我是一個div<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>div</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站：</td></tr></tbody></table> <p>??如果嫌打列表標(biāo)簽太麻煩，可使用快捷方法:（n表示相應(yīng)的標(biāo)簽的個數(shù)，直接輸入下面語句Tab一下即可生成?。?br /> </p> <h4><a id="font_colorredemmetfont_273"></a>深入講解：<font color="red">emmet語法</font>————快速敲代碼小技巧之快速敲標(biāo)簽語法！</h4> <ol><li> <p><code>*是乘的作用，后面跟一個數(shù)字，數(shù)字是幾，就會生成幾個標(biāo)簽！</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>{}里面用于書寫標(biāo)簽的文本內(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>>用于指示下一級標(biāo)簽，他們構(gòu)成父子關(guān)系（包含關(guān)系）</code><br /> 舉例：<br /> </p> <p>說明：<br /> </p> </li><li> <p><code>+在當(dāng)前標(biāo)簽的后面生成一個平級的標(biāo)簽（兄弟關(guān)系）</code><br /> 舉例：<br /> <br /> 實現(xiàn)：<br /> </p> </li><li> <p><code>#a生成一個id位a的div標(biāo)簽</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)標(biāo)簽（行內(nèi)標(biāo)簽）</h3> <p></p> <h4><a id="_357"></a>第一部分知識點——內(nèi)聯(lián)標(biāo)簽的特點：</h4> <pre><code class="prism language-python"><span id="dnkpnhlp" class="token operator"><</span>!DOCTYPE html<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>html lang<span id="dnkpnhlp" class="token operator">=</span><span id="dnkpnhlp" class="token string">"en"</span><span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>head<span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>meta charset<span id="dnkpnhlp" class="token operator">=</span><span id="dnkpnhlp" class="token string">"UTF-8"</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>title<span id="dnkpnhlp" class="token operator">></span>內(nèi)聯(lián)標(biāo)簽，又稱行內(nèi)標(biāo)簽的特點<span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>title<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>head<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span>body<span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span>內(nèi)聯(lián)標(biāo)簽的特點（通過文本標(biāo)簽span說明）<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">1</span><span id="dnkpnhlp" class="token punctuation">.</span>設(shè)置寬高無效，以及外邊距和內(nèi)邊距都無法控制<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">2</span><span id="dnkpnhlp" class="token punctuation">.</span>寬度就是其文字或者圖片寬度，無法控制<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">3</span><span id="dnkpnhlp" class="token punctuation">.</span>不會進(jìn)行自動換行，只有本行放滿才會放下一行<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">4</span><span id="dnkpnhlp" class="token punctuation">.</span>當(dāng)多個內(nèi)聯(lián)標(biāo)簽寫在一起時，默認(rèn)排列方式是從左往右<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>!<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token number">5</span><span id="dnkpnhlp" class="token punctuation">.</span>內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素<span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">-</span><span id="dnkpnhlp" class="token operator">></span> <span id="dnkpnhlp" class="token operator"><</span>span<span id="dnkpnhlp" class="token operator">></span>我是個文本標(biāo)簽<span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>span<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>body<span id="dnkpnhlp" class="token operator">></span><span id="dnkpnhlp" class="token operator"><</span><span id="dnkpnhlp" class="token operator">/</span>html<span id="dnkpnhlp" class="token operator">></span></code></pre> <h4><a id="_380"></a>第二部分知識點——常用的內(nèi)聯(lián)標(biāo)簽：</h4> <p>總共有四種：</p> <ol><li>圖片標(biāo)簽</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第一個：圖片標(biāo)簽 img + Tab--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>img</span> <span id="dnkpnhlp" class="token attr-name">src</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">alt</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">width</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">height</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token punctuation">"</span></span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--src是圖片的地址，可以直接是網(wǎng)頁里的圖片地址， 也可以是本地圖片的地址（推薦使用相對路徑——相對的含義：圖片相對于Html文件的位置，參照物是html文件！--></span> <span id="dnkpnhlp" class="token comment"><!-- alt是當(dāng)圖片加載失敗時顯示的內(nèi)容--></span> <span id="dnkpnhlp" class="token comment"><!-- width是圖片寬度；height是圖片高度。不指定按原圖大小顯示注意。：如果二者只指定一個，另外一個會等比例縮放 --></span> <span id="dnkpnhlp" class="token comment"><!-- img不是塊元素(block)，也不算行元素(inline)，它是行級塊元素（inline-block） --></span></code></pre> <ol start="2"><li>粗體/斜體標(biāo)簽</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第二個：粗體/斜體標(biāo)簽 b+ Tab i+ Tab --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>b</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是粗體<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>b</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>i</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是斜體<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>i</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <ol start="3"><li>超鏈接標(biāo)簽</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第三個：超鏈接標(biāo)簽 _self本身網(wǎng)頁上打開；_blank打開一個新網(wǎng)頁--></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>a</span> <span id="dnkpnhlp" class="token attr-name">href</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span><span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">title</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span>超鏈接的一個說明（鼠標(biāo)放上會顯示的文本）<span id="dnkpnhlp" class="token punctuation">"</span></span> <span id="dnkpnhlp" class="token attr-name">target</span><span id="dnkpnhlp" class="token attr-value"><span id="dnkpnhlp" class="token punctuation attr-equals">=</span><span id="dnkpnhlp" class="token punctuation">"</span>_self<span id="dnkpnhlp" class="token punctuation">"</span></span><span id="dnkpnhlp" class="token punctuation">></span></span>我是超鏈接<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>a</span><span id="dnkpnhlp" class="token punctuation">></span></span> <span id="dnkpnhlp" class="token comment"><!--href里可以寫網(wǎng)址，可以寫文件路徑--></span> <span id="dnkpnhlp" class="token comment"><!-- 如果href="" 那么點擊后會刷新當(dāng)前網(wǎng)頁，而且會回到頂部 --></span> <span id="dnkpnhlp" class="token comment"><!-- 如果href="#" 那么點擊后，會回到頂部，但不會刷新頁面 --></span> <span id="dnkpnhlp" class="token comment"><!-- 如果href="#錨點" 那么點擊后，會跳到指定的錨點處（錨點其實就是一個id值）！ --></span></code></pre> <ol start="4"><li>文本標(biāo)簽</li></ol> <pre><code class="prism language-html"> <span id="dnkpnhlp" class="token comment"><!--第四個：文字標(biāo)簽 和css配合使用才有用哦！--></span> <span id="dnkpnhlp" class="token comment"><!-- span是一個純凈的行元素；所謂的純凈——沒有任何默認(rèn)樣式； --></span> <span id="dnkpnhlp" class="token comment"><!-- span最大的優(yōu)勢：設(shè)定樣式，主要作用于行元素或者文字等 --></span> <span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"><</span>span</span><span id="dnkpnhlp" class="token punctuation">></span></span>我是文本標(biāo)簽<span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token tag"><span id="dnkpnhlp" class="token punctuation"></</span>span</span><span id="dnkpnhlp" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站第一站點：</td></tr></tbody></table> <p>如果圖片標(biāo)簽里填的是本地圖片的地址（相對路徑）：<br /> ??1.如果圖片在同級目錄下，直接： 當(dāng)前目錄名/圖片名<br /> 或者： ./當(dāng)前目錄名/圖片名<br /> ??2.如果圖片在上級目錄下，直接： . ./圖片名</p> <table><tbody><tr><td bgcolor="yellow">知識點補給站第二站點：</td></tr></tbody></table> <p><br /> 至于為什么要實現(xiàn)行內(nèi)標(biāo)簽和塊狀標(biāo)簽的相互轉(zhuǎn)換，小伙伴們在設(shè)置css樣式時會get到這個點哦。<br /> ??<font color="Blue">比如：塊狀標(biāo)簽是不能放在一行了，但我們可以通過先轉(zhuǎn)換為行內(nèi)標(biāo)簽就可以了！?。?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ìn)步一小點，不久的將來，你會感謝曾經(jīng)努力的你！</td></tr></tbody></table> <p>?<strong>本博主會持續(xù)更新爬蟲基礎(chǔ)分欄及爬蟲實戰(zhàn)分欄（為了小伙伴們更好的進(jìn)行頁面解析，也會更新部分前端必備知識點博文?。J(rèn)真仔細(xì)看完本文的小伙伴們，可以點贊收藏并評論出你們的讀后感。并可關(guān)注本博主，在今后的日子里閱讀更多爬蟲文！</strong></p> <pre><code class="prism language-powershell"> 如有錯誤或者言語不恰當(dāng)?shù)牡胤娇稍谠u論區(qū)指出，謝謝！ 如轉(zhuǎn)載此文請聯(lián)系我說明用以意并標(biāo)注出處及本博主名，謝謝！</code></pre> <p>?</p> <p><span id="jump99"></span></p><center> ??可通過點擊下面——>關(guān)注本人運營 <strong>公眾號</strong>??</center><p></p> <center> <font size="1">【可以公眾號里私聊并標(biāo)明來自CSDN，會拉你進(jìn)入技術(shù)交流群（群內(nèi)涉及各個領(lǐng)域大佬級人物，任何問題都可討論~）--->互相學(xué)習(xí)&&共同進(jìn)步（非誠勿擾）】</font></center> </div> <link rel="stylesheet"> <link rel="stylesheet"> </div> <div class="dnkpnhlp" id="blogExtensionBox" style="width:400px;margin:auto;margin-top:12px" class="blog-extension-box"></div>
</div>
<div id="dnkpnhlp" class="mt-64 tags-seach" >
<div id="dnkpnhlp" class="tags-info">
<a style="width:120px;" title="云服務(wù)器" href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
<a style="width:120px;" title="GPU云服務(wù)器" href="http://www.ezyhdfw.cn/site/product/gpu.html">GPU云服務(wù)器</a>
<a style="width:120px;" title="html收藏" href="http://www.ezyhdfw.cn/yun/tag/htmlshoucang/">html收藏</a>
<a style="width:120px;" title="大數(shù)據(jù)平臺部署 建議" href="http://www.ezyhdfw.cn/yun/tag/dashujupingtaibushu jianyi/">大數(shù)據(jù)平臺部署 建議</a>
<a style="width:120px;" title="html收藏夾代碼" href="http://www.ezyhdfw.cn/yun/tag/htmlshoucangjiadaima/">html收藏夾代碼</a>
<a style="width:120px;" title="html字" href="http://www.ezyhdfw.cn/yun/tag/htmlzi/">html字</a>
</div>
</div>
<div id="dnkpnhlp" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
<p>轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/122442.html</p>
</div>
<ul class="pre-next-page">
<li id="dnkpnhlp" class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/122441.html">上一篇：【Python爬蟲】手把手帶你爬下肯德基官網(wǎng)（ajax的post請求）</a></li>
<li id="dnkpnhlp" class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/122443.html">下一篇：我用Python逆向登錄世界上最大的游戲平臺，steam加密手段有多高明【內(nèi)附源碼】</a></li>
</ul>
</div>
<div id="dnkpnhlp" class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">
<li>
<div id="dnkpnhlp" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/121429.html"><b>糊涂算法之「八<em>大</em>排序」<em>總結(jié)</em>——用<em>兩萬</em><em>字</em>，8張動圖，450行代碼跨過排序這道坎（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：今天，一條就帶大家徹底跨過排序算法這道坎，保姆級教程建議收藏。利用遞歸算法，對分治后的子數(shù)組進(jìn)行排序?；舅枷攵雅判蚴抢枚堰@種數(shù)據(jù)結(jié)構(gòu)而設(shè)計的一種排序算法，堆排序是一種選擇排序，它的最壞，最好，平均時間復(fù)雜度均為，它也是不穩(wěn)定排序。 ...</p>
<div id="dnkpnhlp" class="com_white-left-info">
<div id="dnkpnhlp" class="com_white-left-infol">
<a href="http://www.ezyhdfw.cn/yun/u-392.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/03/small_000000392.jpg" alt=""><span id="dnkpnhlp" 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="dnkpnhlp" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/119824.html"><b><em>保姆</em><em>級</em><em>教程</em>帶你開發(fā)優(yōu)質(zhì)的Python庫之<em>上篇</em>【<em>建議</em><em>收藏</em>】</b></a></h2>
<p class="ellipsis2 good">摘要：正式的專欄第篇，同學(xué)站住，別錯過這個從開始的文章前面學(xué)委的入門到精通專欄積累了篇文章，當(dāng)然學(xué)委博客還有幾十篇應(yīng)用的文章。 正式的Python專欄第9篇，同學(xué)站住...</p>
<div id="dnkpnhlp" class="com_white-left-info">
<div id="dnkpnhlp" class="com_white-left-infol">
<a href="http://www.ezyhdfw.cn/yun/u-1164.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/11/small_000001164.jpg" alt=""><span id="dnkpnhlp" 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="dnkpnhlp" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.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">摘要：友情提示先關(guān)注收藏，再查看，萬字保姆級語言從入門到精通教程。及大牛出天地開始有隨之乃有萬種語年英國劍橋大學(xué)推出了語言。 友情提示：先關(guān)注收藏，再查看，13 萬字保...</p>
<div id="dnkpnhlp" class="com_white-left-info">
<div id="dnkpnhlp" class="com_white-left-infol">
<a href="http://www.ezyhdfw.cn/yun/u-1432.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/14/small_000001432.jpg" alt=""><span id="dnkpnhlp" 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="dnkpnhlp" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/121531.html"><b>從小白程序員一路晉升為<em>大</em>廠高<em>級</em>技術(shù)專家我看過哪些書籍？（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：大家好，我是冰河有句話叫做投資啥都不如投資自己的回報率高。馬上就十一國慶假期了，給小伙伴們分享下，從小白程序員到大廠高級技術(shù)專家我看過哪些技術(shù)類書籍。 大家好，我是...</p>
<div id="dnkpnhlp" class="com_white-left-info">
<div id="dnkpnhlp" class="com_white-left-infol">
<a href="http://www.ezyhdfw.cn/yun/u-986.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/09/small_000000986.jpg" alt=""><span id="dnkpnhlp" 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="dnkpnhlp" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/118774.html"><b>【<em>保姆</em><em>級</em><em>教程</em>】從零到精通Git，CodeChina實戰(zhàn)</b></a></h2>
<p class="ellipsis2 good">摘要：因為是全中文的，對一些英語不好的人來說確實是福利。二下載安裝下載官網(wǎng)下載地址進(jìn)去之后，點擊點擊后就會自動下載了。 文章目錄 推薦系列教程，推薦的一定是精選的！一....</p>
<div id="dnkpnhlp" class="com_white-left-info">
<div id="dnkpnhlp" class="com_white-left-infol">
<a href="http://www.ezyhdfw.cn/yun/u-206.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/02/small_000000206.jpg" alt=""><span id="dnkpnhlp" 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="dnkpnhlp" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3>
<div id="dnkpnhlp" class="xcp-publish-main flex_box_zd">
<div id="dnkpnhlp" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="dnkpnhlp" class="site-box-content">
<div id="dnkpnhlp" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="dnkpnhlp" class="pages"></ul></div>
</div>
</div>
<div id="dnkpnhlp" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="dnkpnhlp" class="">
<div id="dnkpnhlp" class="com_layuiright-box user-msgbox">
<a href="http://www.ezyhdfw.cn/yun/u-668.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/06/small_000000668.jpg" alt=""></a>
<h3><a href="http://www.ezyhdfw.cn/yun/u-668.html" rel="nofollow">paulli3</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="dnkpnhlp" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(668)" id="attenttouser_668" class="grad follow-btn notfollow attention">我要關(guān)注</a>
<a href="javascript:login()" title="發(fā)私信" >我要私信</a>
</div>
<div id="dnkpnhlp" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://www.ezyhdfw.cn/yun/ut-668.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/123686.html">【STM32+cubemx】0011 HAL庫開發(fā)：I2C總線訪問加速度傳感器ADXL345</a></h3>
<p>閱讀 2541<span>·</span>2021-11-18 10:02</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/122442.html">保姆級教程HTML兩萬字筆記大總結(jié)【建議收藏】（上篇）</a></h3>
<p>閱讀 2026<span>·</span>2021-10-13 09:40</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/119444.html">DediPath九月4折：洛杉磯VPS月付1.4美元起;美國獨立服務(wù)器月付39美元起</a></h3>
<p>閱讀 3066<span>·</span>2021-09-07 10:07</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/119169.html">TOB主題2.7版本更新：重做文章主列表、新增菜單圖標(biāo)支持、麵包屑、彩色標(biāo)籤、縮略圖圓角</a></h3>
<p>閱讀 2190<span>·</span>2021-09-04 16:48</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/115456.html">前端開源項目周報0103</a></h3>
<p>閱讀 1076<span>·</span>2019-08-30 13:18</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/112894.html">CSS盒子模型以及外邊框合并的問題</a></h3>
<p>閱讀 2511<span>·</span>2019-08-29 14:03</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/112231.html">CSS display屬性</a></h3>
<p>閱讀 2994<span>·</span>2019-08-29 12:54</p></li>
<li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/107383.html">可拖動table表頭的實現(xiàn)</a></h3>
<p>閱讀 3215<span>·</span>2019-08-26 11:41</p></li>
</ul>
</div>
<!-- 文章詳情右側(cè)廣告-->
<div id="dnkpnhlp" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>
<div id="dnkpnhlp" class="com_adbox">
<div id="dnkpnhlp" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://www.ezyhdfw.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">
</a>
</div>
<div>
<a href="http://www.ezyhdfw.cn/site/product/gpu.html" rel="nofollow">
<img src="http://www.ezyhdfw.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">
</a>
</div>
</div>
</div>
</div> <!-- banner結(jié)束 -->
<div id="dnkpnhlp" class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://www.ezyhdfw.cn/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按鈕 -->
<div id="dnkpnhlp" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="dnkpnhlp" class="site-mobile-shade"></div>
<!--付費閱讀 -->
<div class="dnkpnhlp" id="payread">
<div id="dnkpnhlp" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="dnkpnhlp" 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("復(fù)制代碼 ").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("復(fù)制成功")
});
clipboard.on('error', function(e) {
alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://www.ezyhdfw.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://www.ezyhdfw.cn/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "http://www.ezyhdfw.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://www.ezyhdfw.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="dnkpnhlp" class="layui-container">
<div id="dnkpnhlp" class="flex_box_zd">
<div id="dnkpnhlp" class="left-footer">
<h6><a href="http://www.ezyhdfw.cn/"><img src="http://www.ezyhdfw.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
<p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計算服務(wù)平臺，堅持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
</div>
<div id="dnkpnhlp" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務(wù)</h6>
<p><a href="http://www.ezyhdfw.cn/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://www.ezyhdfw.cn/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://www.ezyhdfw.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://www.ezyhdfw.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 >AI繪畫</a></p>
<p><a >Wavespeed AI</a></p>
</li>
<li>
<h6>社區(qū)欄目</h6>
<p><a href="http://www.ezyhdfw.cn/yun/column/index.html">專欄文章</a></p>
<p><a href="http://www.ezyhdfw.cn/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://www.ezyhdfw.cn/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://www.ezyhdfw.cn/site/about/news/recent/" >新聞動態(tài)</a></p>
<p><a href="http://www.ezyhdfw.cn/site/about/news/report/">媒體動態(tài)</a></p> <p><a href="http://www.ezyhdfw.cn/site/cases.html">客戶案例</a></p>
<p><a href="http://www.ezyhdfw.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="dnkpnhlp" class="copyright">Copyright ? 2012-2025 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://www.ezyhdfw.cn/" title="亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站
">亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站
</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="mceq0" class="pl_css_ganrao" style="display: none;"><blockquote id="mceq0"></blockquote><s id="mceq0"><fieldset id="mceq0"><option id="mceq0"></option></fieldset></s><sup id="mceq0"></sup><tr id="mceq0"><td id="mceq0"><fieldset id="mceq0"></fieldset></td></tr><dfn id="mceq0"><rt id="mceq0"><code id="mceq0"></code></rt></dfn><optgroup id="mceq0"></optgroup><center id="mceq0"></center><s id="mceq0"><bdo id="mceq0"><table id="mceq0"></table></bdo></s><tbody id="mceq0"></tbody><nav id="mceq0"></nav><pre id="mceq0"></pre><table id="mceq0"><tr id="mceq0"><pre id="mceq0"></pre></tr></table><tr id="mceq0"><rt id="mceq0"><code id="mceq0"></code></rt></tr><center id="mceq0"></center><nav id="mceq0"><kbd id="mceq0"><acronym id="mceq0"></acronym></kbd></nav><li id="mceq0"></li><kbd id="mceq0"><center id="mceq0"><dd id="mceq0"></dd></center></kbd><tfoot id="mceq0"></tfoot><li id="mceq0"></li><input id="mceq0"></input><rt id="mceq0"><code id="mceq0"><table id="mceq0"></table></code></rt><dd id="mceq0"></dd><delect id="mceq0"></delect><nav id="mceq0"></nav><strong id="mceq0"><abbr id="mceq0"><kbd id="mceq0"></kbd></abbr></strong><abbr id="mceq0"></abbr><blockquote id="mceq0"></blockquote><dfn id="mceq0"></dfn><nav id="mceq0"><noscript id="mceq0"><acronym id="mceq0"></acronym></noscript></nav><dl id="mceq0"></dl><xmp id="mceq0"></xmp><option id="mceq0"></option><tbody id="mceq0"></tbody><source id="mceq0"><strong id="mceq0"><abbr id="mceq0"></abbr></strong></source><object id="mceq0"></object><menu id="mceq0"></menu><xmp id="mceq0"><strike id="mceq0"><s id="mceq0"></s></strike></xmp><code id="mceq0"></code><tbody id="mceq0"></tbody><tfoot id="mceq0"></tfoot><xmp id="mceq0"><strike id="mceq0"><s id="mceq0"></s></strike></xmp><xmp id="mceq0"></xmp><option id="mceq0"><xmp id="mceq0"><tr id="mceq0"></tr></xmp></option><pre id="mceq0"></pre><center id="mceq0"><dl id="mceq0"><object id="mceq0"></object></dl></center><noscript id="mceq0"><option id="mceq0"><del id="mceq0"></del></option></noscript><th id="mceq0"></th><rt id="mceq0"></rt><tbody id="mceq0"><object id="mceq0"><strong id="mceq0"></strong></object></tbody><input id="mceq0"></input><th id="mceq0"><menu id="mceq0"><noscript id="mceq0"></noscript></menu></th><xmp id="mceq0"></xmp><option id="mceq0"></option><center id="mceq0"></center><tbody id="mceq0"></tbody><dfn id="mceq0"><td id="mceq0"><fieldset id="mceq0"></fieldset></td></dfn><table id="mceq0"><tr id="mceq0"><sup id="mceq0"></sup></tr></table><pre id="mceq0"></pre><object id="mceq0"></object><wbr id="mceq0"></wbr><td id="mceq0"></td><center id="mceq0"></center><bdo id="mceq0"></bdo><acronym id="mceq0"></acronym><table id="mceq0"></table><tbody id="mceq0"></tbody><dl id="mceq0"></dl><optgroup id="mceq0"></optgroup><dl id="mceq0"></dl><acronym id="mceq0"></acronym><button id="mceq0"><samp id="mceq0"><tbody id="mceq0"></tbody></samp></button><strong id="mceq0"></strong><acronym id="mceq0"></acronym><noframes id="mceq0"></noframes><center id="mceq0"></center><li id="mceq0"></li><strong id="mceq0"></strong><sup id="mceq0"></sup><dd id="mceq0"></dd><cite id="mceq0"></cite><blockquote id="mceq0"><tfoot id="mceq0"><object id="mceq0"></object></tfoot></blockquote><option id="mceq0"></option><button id="mceq0"></button><xmp id="mceq0"></xmp><tr id="mceq0"></tr><kbd id="mceq0"><pre id="mceq0"><dd id="mceq0"></dd></pre></kbd><tr id="mceq0"><rt id="mceq0"><fieldset id="mceq0"></fieldset></rt></tr><ul id="mceq0"></ul><bdo id="mceq0"><em id="mceq0"><del id="mceq0"></del></em></bdo><cite id="mceq0"></cite><abbr id="mceq0"></abbr><option id="mceq0"><delect id="mceq0"><tr id="mceq0"></tr></delect></option><tbody id="mceq0"><object id="mceq0"><strong id="mceq0"></strong></object></tbody><dd id="mceq0"></dd><source id="mceq0"><small id="mceq0"><abbr id="mceq0"></abbr></small></source><center id="mceq0"></center><tr id="mceq0"></tr><noframes id="mceq0"></noframes><noframes id="mceq0"><ul id="mceq0"><pre id="mceq0"></pre></ul></noframes><tbody id="mceq0"></tbody><delect id="mceq0"></delect><rt id="mceq0"><fieldset id="mceq0"><optgroup id="mceq0"></optgroup></fieldset></rt><center id="mceq0"></center><dfn id="mceq0"><td id="mceq0"><fieldset id="mceq0"></fieldset></td></dfn><code id="mceq0"></code><li id="mceq0"></li><pre id="mceq0"><wbr id="mceq0"><cite id="mceq0"></cite></wbr></pre><button id="mceq0"><samp id="mceq0"><pre id="mceq0"></pre></samp></button><noscript id="mceq0"></noscript><xmp id="mceq0"><strike id="mceq0"><s id="mceq0"></s></strike></xmp><noframes id="mceq0"></noframes><xmp id="mceq0"></xmp><tbody id="mceq0"></tbody><blockquote id="mceq0"><tfoot id="mceq0"><object id="mceq0"></object></tfoot></blockquote><pre id="mceq0"><wbr id="mceq0"><cite id="mceq0"></cite></wbr></pre><code id="mceq0"></code><tr id="mceq0"></tr><small id="mceq0"></small><samp id="mceq0"><tbody id="mceq0"><source id="mceq0"></source></tbody></samp><menu id="mceq0"><li id="mceq0"><option id="mceq0"></option></li></menu><optgroup id="mceq0"></optgroup><dfn id="mceq0"><center id="mceq0"><fieldset id="mceq0"></fieldset></center></dfn><strong id="mceq0"></strong><li id="mceq0"></li><tfoot id="mceq0"></tfoot><input id="mceq0"><tbody id="mceq0"><button id="mceq0"></button></tbody></input><samp id="mceq0"><tbody id="mceq0"><source id="mceq0"></source></tbody></samp><input id="mceq0"><tbody id="mceq0"><button id="mceq0"></button></tbody></input><menu id="mceq0"></menu><source id="mceq0"><strong id="mceq0"><nav id="mceq0"></nav></strong></source><delect id="mceq0"></delect><th id="mceq0"></th><strike id="mceq0"></strike><blockquote id="mceq0"></blockquote><code id="mceq0"></code><sup id="mceq0"></sup><noframes id="mceq0"></noframes><em id="mceq0"><del id="mceq0"><dfn id="mceq0"></dfn></del></em><noframes id="mceq0"></noframes><code id="mceq0"></code><optgroup id="mceq0"></optgroup><wbr id="mceq0"></wbr><li id="mceq0"></li><em id="mceq0"></em><tfoot id="mceq0"></tfoot><optgroup id="mceq0"></optgroup><input id="mceq0"><tbody id="mceq0"><button id="mceq0"></button></tbody></input><pre id="mceq0"><source id="mceq0"><cite id="mceq0"></cite></source></pre><small id="mceq0"></small><dfn id="mceq0"><td id="mceq0"><fieldset id="mceq0"></fieldset></td></dfn></div>
<script src="http://www.ezyhdfw.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>