資訊專欄INFORMATION COLUMN
摘要：標簽不區分大小寫，但推薦小寫。標簽可以嵌套，但不能交叉嵌套。標簽也稱為元素。比如行內標簽亦可成行內元素。
????????
??直接跳到末尾?? ——>領取專屬粉絲福利?
?????????
??上一篇博文兩萬字博文教你python爬蟲requests庫，看完還不會我把我女朋友都給你【??熬夜整理&建議收藏??】被眾多爬蟲愛好者/想要學習爬蟲的小伙伴們閱讀之后，很多小伙伴私信我說——爬是會爬了，但是爬下來的都是網頁源碼數據，真心看不懂鴨！該怎么辦？?
??（苦笑）為了能讓小伙伴們對日后所學的頁面解析庫理解更深，所以本博主又連夜加班加點，苦苦熬制本文（分上下兩篇哦！），為大家深入全面的講解一下常見的前端知識——學啥技術都是從底層抓起，萬丈高樓平地起，它也是基于地基穩！ 所以本文（共分上下兩篇哦！）是比頁面解析庫要先一步總結給小伙伴們哦！?
??在這兩篇博文中，本博主就帶領小伙伴們認真地學習一下HTML（超文本標記語言）相關的必備知識（爬蟲爬到數據之后解析頁面數據你得多少能看懂頁面結構！）——HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。！?
??相信有不少小伙伴已經通過我的上篇博文完全地學費了requests庫，而本篇（以及下篇）文講解的HTML知識，將會使你日后解析爬取到的頁面數據信手拈來哦~
| 知識點補給站： |
如果把網頁比作一個人的話，HTML相當于骨架，JavaScript相當于肌肉，CSS相當于皮膚。三者結合起來才能形成一個完善的網頁。首先要普及的一個概念是一個網頁組成部分： ①HTML：用于定義網頁里面有什么內容； ②CSS:對內容進行排版； （1）找到要排版的內容————如何找到要排版的標簽； （2）設置樣式————標簽都能設置哪些樣式。 ③JavaScript:用于動態的控制頁面。HTML:（HyperText Markup Language）【超文本標記語言】
??狹義的HTML指的是網頁；
??廣義的HTML指的是前端技術（html,css,js,以及各種框架）——網頁，移動端網頁，小程序，公眾號，移動端的app，快應用等。
詳細介紹：
??HypertText：超文本——超出文本的范疇，簡單地說，不僅僅是文本，還可以是圖像，音頻，視頻，flash等等；
??Markup：標記——網頁中會有很多標記，不同的標記有不同的含義和功能，標記也叫標簽，Html會包含各種各樣的標簽，這些標簽不能亂寫，必須寫w3c規范中包含的標簽。
標簽的舉例：
??① -- 雙標簽
??②
-- 單標簽
??HTML是一門標記語言，標記語言由一套標記標簽組成，學習HTML，就是學習標簽。
??編輯器：pycharm（搞python的肯定得用pycharm！）
??瀏覽器：Firefox，Chrome（建議使用這倆哦！）
如果你再pycharm里新建一個html文件就會像下面這樣！
<!DOCTYPE html> #文檔類型的聲明"en"> #根標簽,即文檔的開始。 lang（language），en(english)。聲明語言類型是英語 #網頁頭部 "UTF-8"> #國際編碼 meta配置 字符集編碼的類型 Title<<span id="ugcwgsy" class="token operator">/</span>title> <span id="uskequm" class="token comment">#網頁標題</span><<span id="akaqmgu" class="token operator">/</span>head><body> <span id="aaweeg0" class="token comment">#網頁的主體，可視化區域</span><<span id="wkqyioq" class="token operator">/</span>body><<span id="4goc220" class="token operator">/</span>html></code></pre> <p><font color="Blue">知識點補給站：</font></p> <ol><li><code><!DOCTYPE html> 標簽：作用：在html文件最前面進行聲明，定義文檔類型，告知瀏覽器用html規范去解析文檔。</code></li><li><code>在pycharm中編寫HTML文件時，<!-- 要注釋的內容--> 為注釋，快捷鍵是Ctrl+/。</code></li><li><code>在pycharm中編寫HTML文件時，打標簽時可直接打標簽名，再Tab即可實現自動補全。 如：輸入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="wu0yw2g" class="token tag"><span id="4ow0s2s" class="token tag"><span id="qag2y0m" class="token punctuation"><</span>html</span><span id="ywig2sy" class="token punctuation">></span></span>，所以標簽不可能以數字開頭。</code></pre> <ol start="2"><li>標簽不區分大小寫，但推薦小寫。</li><li>標簽可以嵌套，但不能交叉嵌套。</li><li>標簽也稱為元素。比如：行內標簽亦可成行內元素。</li></ol> <pre><code class="prism language-powershell">錯誤示例：<a><b><<span id="om0uasy" class="token operator">/</span>a><<span id="yieckc2" class="token operator">/</span>b>正確示例：<a><b><<span id="y2ueoqy" class="token operator">/</span>b><<span id="ecyksko" 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="is0qye0" class="token tag"><span id="i2e2e0s" class="token tag"><span id="a2c0gas" class="token punctuation"><</span>br</span><span id="ecwciak" class="token punctuation">></span></span> 寫法二：在開標簽的結尾寫一個/，如<span id="w2eeywa" class="token tag"><span id="amgmume" class="token tag"><span id="4u0gs0k" class="token punctuation"><</span>br</span><span id="4y0ygka" class="token punctuation">/></span></span></code></pre> <h3><a id="2_156"></a>（2）標簽屬性：</h3> <ul><li><code>通常為鍵值對形式出現，比如：<meta charset="UTF-8"> 里面的charset為標簽的屬性，對應的單引號或者雙引號里的稱為屬性值；</code></li><li>屬性只能出現在開始標簽和自閉合標簽內，但不能出現在結束標簽里；</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="4mimwme" class="token operator"><</span>!DOCTYPE html<span id="4m2sesm" class="token operator">></span><span id="owca2c2" class="token operator"><</span>html lang<span id="ug2wgy0" class="token operator">=</span><span id="4iwgosy" class="token string">"en"</span><span id="2gagmek" class="token operator">></span><span id="u0ekwcu" class="token operator"><</span>head<span id="scw0gou" class="token operator">></span> <span id="qyso0mc" class="token operator"><</span>meta charset<span id="eai00gy" class="token operator">=</span><span id="oagm0wo" class="token string">"UTF-8"</span><span id="ggoiqkc" class="token operator">></span> <span id="c2ye02i" class="token operator"><</span>title<span id="c2c0asm" class="token operator">></span>塊狀標簽的特點<span id="acyqcg2" class="token operator"><</span><span id="4ikgewa" class="token operator">/</span>title<span id="2omomgy" class="token operator">></span><span id="iuekum2" class="token operator"><</span><span id="qm20csy" class="token operator">/</span>head<span id="acamwcu" class="token operator">></span><span id="i2ou22k" class="token operator"><</span>body<span id="awm0iq0" class="token operator">></span> <span id="4a0u2y2" class="token operator"><</span>!<span id="4iqyg0q" class="token operator">-</span><span id="sumeasi" class="token operator">-</span>塊狀標簽的特點<span id="uk22yos" class="token punctuation">:</span><span id="mysyeuk" class="token punctuation">(</span>通過段落標簽p進行說明<span id="20gmkew" class="token punctuation">)</span><span id="e2msoui" class="token operator">-</span><span id="22ysmqi" class="token operator">-</span><span id="ocw0egk" class="token operator">></span> <span id="2u0qyqu" class="token operator"><</span>!<span id="ai2yeme" class="token operator">-</span><span id="wy2sqa2" class="token operator">-</span><span id="kg2wqw2" class="token number">1</span><span id="uqmkci0" class="token punctuation">.</span>設置寬高有效，以及外邊距和內邊距都可控制<span id="qckucum" class="token operator">-</span><span id="mksok20" class="token operator">-</span><span id="2c2owag" class="token operator">></span> <span id="ksaucw0" class="token operator"><</span>!<span id="soi22uc" class="token operator">-</span><span id="cqmic2g" class="token operator">-</span><span id="ggckgwo" class="token number">2</span><span id="qqow2uk" class="token punctuation">.</span>在不設置寬度的情況下，寬度始終與父標簽保持一致，與內容無關。是父標簽容器的<span id="mkgmswq" class="token number">100</span><span id="4yiqme2" class="token operator">%</span>；<span id="i2au0kc" class="token operator">-</span><span id="wgakg0a" class="token operator">-</span><span id="eoku2uy" class="token operator">></span> <span id="escaeag" class="token operator"><</span>!<span id="w2qkgke" class="token operator">-</span><span id="wsqis0y" class="token operator">-</span><span id="ymwqyq0" class="token number">3</span><span id="sa2og00" class="token punctuation">.</span>可以獨占一行，實現自動換行。一個段落標簽不管多少內容都占一行<span id="4cyiqmq" class="token operator">-</span><span id="m0u2ask" class="token operator">-</span><span id="mwecowa" class="token operator">></span> <span id="6scayea" class="token operator"><</span>!<span id="4omg02s" class="token operator">-</span><span id="w2uqogy" class="token operator">-</span><span id="mcwemga" class="token number">4</span><span id="smk0s0q" class="token punctuation">.</span>當多個塊狀標簽寫一起時，默認排列方式是從上向下<span id="couemeu" class="token operator">-</span><span id="cy2q0os" class="token operator">-</span><span id="aau2g0s" class="token operator">></span> <span id="m2w20gw" class="token operator"><</span>!<span id="g2ywq2m" class="token operator">-</span><span id="e02oyqw" class="token operator">-</span><span id="qmiaw2k" class="token number">5</span><span id="2o0yeyq" class="token punctuation">.</span>可以容納內聯元素和其他塊元素<span id="gkgc0g2" class="token operator">-</span><span id="ooi2qs0" class="token operator">-</span><span id="2g0qm0w" class="token operator">></span> <span id="g2q2yew" class="token operator"><</span>p style<span id="sm2aias" class="token operator">=</span><span id="wyei0gy" class="token string">"width:100px; height:100px"</span><span id="m4scagm" class="token operator">></span>這是個段落標簽，我是塊狀標簽<span id="ckcyqy0" class="token operator"><</span><span id="q2ke2os" class="token operator">/</span>p<span id="ss4easa" class="token operator">></span><span id="uiqa2yc" class="token operator"><</span><span id="ks2u02s" class="token operator">/</span>body<span id="isoieua" class="token operator">></span><span id="sawc2os" class="token operator"><</span><span id="k2u2gyq" class="token operator">/</span>html<span id="ku20csm" class="token operator">></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站： 1.px是像素，是長度單位； 2.在網頁查看元素（ELements）顯示的是寬度*高度。</td></tr></tbody></table> <h4><a id="_195"></a>第二部分知識點——常用的塊狀標簽：</h4> <p><font color="#008000">小知識點：網頁的默認字號是1em（1em=16px）！</font></p> <p>總共有四個：</p> <ol><li>標題標簽；</li></ol> <pre><code class="prism language-html"> <span id="mus2osi" class="token comment"><!--第一個：標題標簽。h1到h6 （一般放在文章的標題） 字體會加粗！--></span> <span id="4u2is0o" 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，但是網頁有最小字號限制，所以會變為12px！ --></span> <span id="ssqmg2o" class="token tag"><span id="s2ie0em" class="token tag"><span id="2iqki0k" class="token punctuation"><</span>h1</span><span id="2c20qk0" class="token punctuation">></span></span>我是一級標簽，一個網頁只能有一個，別的可以有多個<span id="2mwgcu2" class="token tag"><span id="cakqmqi" class="token tag"><span id="cyu2u0q" class="token punctuation"></</span>h1</span><span id="2kqyui2" class="token punctuation">></span></span> <span id="iawc20w" class="token tag"><span id="40w2oga" class="token tag"><span id="oqoagmu" class="token punctuation"><</span>h2</span><span id="kwg0qu0" class="token punctuation">></span></span>我是二級標簽<span id="q220em2" class="token tag"><span id="kkw0ga2" class="token tag"><span id="g2qayqo" class="token punctuation"></</span>h2</span><span id="y2ua2ye" class="token punctuation">></span></span></code></pre> <ol start="2"><li>段落標簽；</li></ol> <pre><code class="prism language-html"> <span id="omscye0" class="token comment"><!--第二個：段落標簽。 大小跟四級標題標簽一樣 （會把HTML文檔分割成若干個段落）--></span> <span id="yyiokog" class="token comment"><!-- p標簽默認有段前段后間距--16px；但是段落標簽并不會首行縮進！ --></span> <span id="eks0ogc" class="token tag"><span id="emsysks" class="token tag"><span id="q00awqi" class="token punctuation"><</span>p</span><span id="wc0ue0u" class="token punctuation">></span></span>我是段落標簽<span id="oyigoum" class="token tag"><span id="uys0yqw" class="token tag"><span id="mai0aou" class="token punctuation"></</span>p</span><span id="qimq2s0" class="token punctuation">></span></span></code></pre> <ol start="3"><li>列表標簽：分為有序列表，無序列表和定義列表三大類；</li></ol> <pre><code class="prism language-html"> <span id="wweagm2" class="token comment"><!--第三個：列表標簽--></span> <span id="igcism2" class="token comment"><!--（1）有序列表--></span> <span id="qgqwc2c" class="token tag"><span id="gmiy2wc" class="token tag"><span id="ku2aic0" class="token punctuation"><</span>ol</span> <span id="owsmume" class="token attr-name">type</span><span id="qckgoq0" class="token attr-value"><span id="saem2s2" class="token punctuation attr-equals">=</span><span id="cekcwcq" class="token punctuation">"</span>A<span id="o2c0sy0" class="token punctuation">"</span></span> <span id="s2oiagk" class="token attr-name">start</span><span id="2uqca0y" class="token attr-value"><span id="igyea2u" class="token punctuation attr-equals">=</span><span id="4uaks0k" class="token punctuation">"</span>3<span id="wsm20km" class="token punctuation">"</span></span><span id="iqo0yew" class="token punctuation">></span></span> <span id="sqoykgy" 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..顯示序號（羅馬數字）； i：按i,ii,iii,iv,v..顯示序號（羅馬數字小寫）。 start規定從第幾個開始排--></span> <span id="o2m0k0m" class="token tag"><span id="souowcg" class="token tag"><span id="40ke0g2" class="token punctuation"><</span>li</span><span id="aaswgm0" class="token punctuation">></span></span>這是有序列表1<span id="iooi2ew" class="token tag"><span id="geakeko" class="token tag"><span id="2i222s2" class="token punctuation"></</span>li</span><span id="iqkekc0" class="token punctuation">></span></span> <span id="cm2ca20" class="token tag"><span id="eaiqwo0" class="token tag"><span id="2muc0cs" class="token punctuation"><</span>li</span><span id="akg02yc" class="token punctuation">></span></span>這是有序列表2<span id="o2uc2wo" class="token tag"><span id="uieye02" class="token tag"><span id="gemi2mc" class="token punctuation"></</span>li</span><span id="42scyqi" class="token punctuation">></span></span> <span id="m0m0m2w" class="token tag"><span id="4c22owm" class="token tag"><span id="4okuysy" class="token punctuation"><</span>li</span><span id="ws2cmsa" class="token punctuation">></span></span>這是有序列表3<span id="q2ywe0m" class="token tag"><span id="mykqkq0" class="token tag"><span id="us2ca2k" class="token punctuation"></</span>li</span><span id="aygqask" class="token punctuation">></span></span> <span id="eeoys0c" class="token tag"><span id="k20ugme" class="token tag"><span id="ugoieum" class="token punctuation"></</span>ol</span><span id="scm0mei" class="token punctuation">></span></span> <span id="guow000" class="token comment"><!--（2）無序列表--></span> <span id="co0smsu" class="token tag"><span id="aic2ou2" class="token tag"><span id="esmkq0m" class="token punctuation"><</span>ul</span> <span id="4w00gys" class="token attr-name">type</span><span id="osaucgy" class="token attr-value"><span id="yoy0saw" class="token punctuation attr-equals">=</span><span id="coeca22" class="token punctuation">"</span>circle<span id="akgowm2" class="token punctuation">"</span></span><span id="2iqygke" class="token punctuation">></span></span> <span id="4muokei" class="token comment"><!--ul是unorder list的縮寫。本行是無序列表的開始 可以設置none（空的）,circle（空心圓）,square（實心方塊），disc（實心圓）[默認值]等樣式--></span> <span id="ywusasu" class="token tag"><span id="aokgcks" class="token tag"><span id="2gcmwo2" class="token punctuation"><</span>li</span><span id="ykusqwo" class="token punctuation">></span></span>這是無序列表1<span id="igciskc" class="token tag"><span id="4o202c0" class="token tag"><span id="uy2u00q" class="token punctuation"></</span>li</span><span id="ka2gkc2" class="token punctuation">></span></span> <span id="cygaauc" class="token comment"><!-- 一個li代表一個列表項。 --></span> <span id="2k00u2o" class="token tag"><span id="usqwgo0" class="token tag"><span id="k02ykey" class="token punctuation"><</span>li</span><span id="yiemysc" class="token punctuation">></span></span>這是無序列表2<span id="qke0asm" class="token tag"><span id="sq200gw" class="token tag"><span id="2m00oui" class="token punctuation"></</span>li</span><span id="oyu2k0a" class="token punctuation">></span></span> <span id="4ywwewq" class="token tag"><span id="oowoyqu" class="token tag"><span id="u2oakqc" class="token punctuation"><</span>li</span><span id="scweksk" class="token punctuation">></span></span>這是無序列表3<span id="m2mqk22" class="token tag"><span id="2mw0yew" class="token tag"><span id="2ckuqwo" class="token punctuation"></</span>li</span><span id="g2memei" class="token punctuation">></span></span> <span id="eo2iask" class="token tag"><span id="2cy2qga" class="token tag"><span id="us0uqwq" class="token punctuation"><</span>li</span><span id="coucimg" class="token punctuation">></span></span>這是無序列表4<span id="m2gkuyq" class="token tag"><span id="oak2ci0" class="token tag"><span id="mo20g2s" class="token punctuation"></</span>li</span><span id="400wuoi" class="token punctuation">></span></span> <span id="ykq2w0q" class="token tag"><span id="w2imiqq" class="token tag"><span id="s2a000i" class="token punctuation"></</span>ul</span><span id="cey2imi" class="token punctuation">></span></span> <span id="emga0a0" class="token comment"><!--(3)定義列表--></span> <span id="220cycu" class="token tag"><span id="2wsayga" class="token tag"><span id="4scwiyc" class="token punctuation"><</span>dl</span><span id="2oayuoq" class="token punctuation">></span></span> <span id="0umgck0" class="token comment"><!--本行是定義列表的開始--></span> <span id="egouaey" class="token tag"><span id="kqmscum" class="token tag"><span id="eioki20" class="token punctuation"><</span>dt</span><span id="cmicwqg" class="token punctuation">></span></span>水果<span id="iku2oqk" class="token tag"><span id="2ws2y0i" class="token tag"><span id="sqyecuo" class="token punctuation"></</span>dt</span><span id="kqkwcim" class="token punctuation">></span></span> <span id="s2weasy" class="token comment"><!--代表一個大的列項--></span> <span id="m2weouy" class="token tag"><span id="uickg2q" class="token tag"><span id="4c0kgyg" class="token punctuation"><</span>dd</span><span id="ykum0gk" class="token punctuation">></span></span>葡萄<span id="mo2gaqu" class="token tag"><span id="yq2u002" class="token tag"><span id="kicm2qk" class="token punctuation"></</span>dd</span><span id="u0ieoum" class="token punctuation">></span></span> <span id="20g0kqu" class="token comment"><!--代表對上面列項的解釋，即細分。--></span> <span id="4kowsgo" class="token tag"><span id="2qk0sko" class="token tag"><span id="kgau0kc" class="token punctuation"><</span>dd</span><span id="eogqme2" class="token punctuation">></span></span>榴蓮<span id="cciq2ia" class="token tag"><span id="ssmkeks" class="token tag"><span id="22yuoew" class="token punctuation"></</span>dd</span><span id="uuckg2q" class="token punctuation">></span></span> <span id="cauey2k" class="token comment"><!-- dd有縮進，dt沒有縮進 --></span> <span id="gq0yu0m" class="token tag"><span id="cawwqc0" class="token tag"><span id="ku2y00g" class="token punctuation"><</span>dt</span><span id="gq0kyec" class="token punctuation">></span></span>蔬菜<span id="wki20ew" class="token tag"><span id="ygcicsk" class="token tag"><span id="ccw0ums" class="token punctuation"></</span>dt</span><span id="k0w0euy" class="token punctuation">></span></span> <span id="s2emsm0" class="token tag"><span id="aiq0wkq" class="token tag"><span id="mcicaog" class="token punctuation"><</span>dd</span><span id="uu0kgms" class="token punctuation">></span></span>花菜<span id="a2usaew" class="token tag"><span id="4sks2yc" class="token tag"><span id="wisyiae" class="token punctuation"></</span>dd</span><span id="qcyeg0a" class="token punctuation">></span></span> <span id="cysmewo" class="token tag"><span id="4iciegw" class="token tag"><span id="w2icios" class="token punctuation"><</span>dd</span><span id="saisoum" class="token punctuation">></span></span>包菜<span id="0a2aicg" class="token tag"><span id="4k2amsk" class="token tag"><span id="s22ucuw" class="token punctuation"></</span>dd</span><span id="2gy2cum" class="token punctuation">></span></span> <span id="se0kuew" class="token tag"><span id="o2kuc0a" class="token tag"><span id="cweowou" class="token punctuation"></</span>dl</span><span id="o2smsay" class="token punctuation">></span></span></code></pre> <ol start="4"><li>div標簽。</li></ol> <pre><code class="prism language-html"> <span id="ue2qacu" class="token comment"><!--第四個：div標簽：用來分劃一個一個的區域 （width和height來規定區域大小；background-color是設置區域背景色）--></span> <span id="4cuqo0w" class="token comment"><!--div是一個純凈的塊元素——所謂純凈意思是沒有任何的默認樣式。不宜過多使用。后期維護不好--></span> <span id="ykuomgy" class="token comment"><!-- div最大的優勢：布局，作為容器，承載其他標簽，因為div沒有默認樣式，所以盡管用div包裹了標簽， 但不影響標簽的展示。 --></span> <span id="2oyuag0" class="token tag"><span id="ecygqyo" class="token tag"><span id="2w22ewm" class="token punctuation"><</span>div</span> <span id="q2c0ekc" class="token style-attr"><span id="iwck0aq" class="token attr-name">style</span><span id="yyqmi0o" class="token attr-value"><span id="2yi2i0w" class="token punctuation attr-equals">=</span><span id="2okuqkq" class="token punctuation">"</span><span id="qck22c0" class="token style language-css"><span id="os0go0u" class="token property">width</span><span id="2gqyewm" class="token punctuation">:</span>500px<span id="y2qyuoe" class="token punctuation">;</span><span id="gqggoi0" class="token property">height</span><span id="gqsu200" class="token punctuation">:</span> 500px<span id="kuewu0w" class="token punctuation">;</span><span id="uqmgsua" class="token property">background-color</span><span id="mwu0wcw" class="token punctuation">:</span> #66a9fe<span id="yiqm02k" class="token punctuation">;</span></span><span id="sygmaum" class="token punctuation">"</span></span></span><span id="e2qw2ko" class="token punctuation">></span></span>我是一個div<span id="umisyew" class="token tag"><span id="kw0so2w" class="token tag"><span id="yysauyq" class="token punctuation"></</span>div</span><span id="m2202ey" class="token punctuation">></span></span></code></pre> <table><tbody><tr><td bgcolor="yellow">知識點補給站：</td></tr></tbody></table> <p>??如果嫌打列表標簽太麻煩，可使用快捷方法:（n表示相應的標簽的個數，直接輸入下面語句Tab一下即可生成！）<br /> </p> <h4><a id="font_colorredemmetfont_273"></a>深入講解：<font color="red">emmet語法</font>————快速敲代碼小技巧之快速敲標簽語法！</h4> <ol><li> <p><code>*是乘的作用，后面跟一個數字，數字是幾，就會生成幾個標簽！</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>$可以代表一個數字，這個數字從1開始，逐步增大，通常和*連用。</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>{}里面用于書寫標簽的文本內容。</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>[]里面用于書寫屬性名和屬性值（如果不加屬性值，則創建屬性值為空的屬性）</code><br /> 舉例①：<br /> <br /> 舉例②：<br /> </p> <p>實現①：<br /> <br /> 實現②：<br /> </p> </li><li> <p><code>>用于指示下一級標簽，他們構成父子關系（包含關系）</code><br /> 舉例：<br /> </p> <p>說明：<br /> </p> </li><li> <p><code>+在當前標簽的后面生成一個平級的標簽（兄弟關系）</code><br /> 舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p><code>#a生成一個id位a的div標簽</code></p> <p>舉例：<br /> <br /> 實現：<br /> </p> </li><li> <p>綜合使用：<br /> 舉例①：<br /> </p> <p>實現①：<br /> <br /> 舉例②：<br /> <br /> 實現②：<br /> <br /> 舉例③：<br /> <br /> 實現③：<br /> <br /> 舉例④：<br /> <br /> 實現④：<br /> <br /> 舉例⑤：<br /> <br /> 實現⑤：<br /> </p> </li></ol> <h3><a id="4_354"></a>（4）內聯標簽（行內標簽）</h3> <p></p> <h4><a id="_357"></a>第一部分知識點——內聯標簽的特點：</h4> <pre><code class="prism language-python"><span id="oc2y0ou" class="token operator"><</span>!DOCTYPE html<span id="40iosye" class="token operator">></span><span id="g2qyios" class="token operator"><</span>html lang<span id="sawokew" class="token operator">=</span><span id="iiuecwm" class="token string">"en"</span><span id="w20qyua" class="token operator">></span><span id="ceowucw" class="token operator"><</span>head<span id="ycm0u0g" class="token operator">></span> <span id="sw2sqic" class="token operator"><</span>meta charset<span id="y2cwumu" class="token operator">=</span><span id="ec020me" class="token string">"UTF-8"</span><span id="mw2oi2q" class="token operator">></span> <span id="uck0ysk" class="token operator"><</span>title<span id="2qwsweg" class="token operator">></span>內聯標簽，又稱行內標簽的特點<span id="222c0sw" class="token operator"><</span><span id="kieowos" class="token operator">/</span>title<span id="wiai0oi" class="token operator">></span><span id="o2mk2yc" class="token operator"><</span><span id="ckgqowa" class="token operator">/</span>head<span id="i2yem00" class="token operator">></span><span id="iuok02i" class="token operator"><</span>body<span id="sucgaia" class="token operator">></span> <span id="o0sagmc" class="token operator"><</span>!<span id="u2c20ek" class="token operator">-</span><span id="6agouke" class="token operator">-</span>內聯標簽的特點（通過文本標簽span說明）<span id="w2iqkcw" class="token operator">-</span><span id="k2eawcw" class="token operator">-</span><span id="qgau0ac" class="token operator">></span> <span id="mowewc6" class="token operator"><</span>!<span id="2yigmeg" class="token operator">-</span><span id="wuqmewa" class="token operator">-</span><span id="6oi0s2s" class="token number">1</span><span id="awuouoi" class="token punctuation">.</span>設置寬高無效，以及外邊距和內邊距都無法控制<span id="2myewqi" class="token operator">-</span><span id="ysoicu2" class="token operator">-</span><span id="mgeckow" class="token operator">></span> <span id="mmgsmew" class="token operator"><</span>!<span id="yymgqu6" class="token operator">-</span><span id="2u2easq" class="token operator">-</span><span id="4qmy0sg" class="token number">2</span><span id="q0ks2ck" class="token punctuation">.</span>寬度就是其文字或者圖片寬度，無法控制<span id="mcmsauc" class="token operator">-</span><span id="sc0uqw2" class="token operator">-</span><span id="gsake0s" class="token operator">></span> <span id="yyyuas0" class="token operator"><</span>!<span id="4iea0k2" class="token operator">-</span><span id="sq2gkcs" class="token operator">-</span><span id="0micwqw" class="token number">3</span><span id="0ygqagy" class="token punctuation">.</span>不會進行自動換行，只有本行放滿才會放下一行<span id="oogyuy0" class="token operator">-</span><span id="ksyus00" class="token operator">-</span><span id="qmi0yeu" class="token operator">></span> <span id="gcmgcw0" class="token operator"><</span>!<span id="eieagac" class="token operator">-</span><span id="qqwe0og" class="token operator">-</span><span id="62mi0ew" class="token number">4</span><span id="cysawek" class="token punctuation">.</span>當多個內聯標簽寫在一起時，默認排列方式是從左往右<span id="4saw2ga" class="token operator">-</span><span id="y0ua22c" class="token operator">-</span><span id="2igyqia" class="token operator">></span> <span id="sqygo0u" class="token operator"><</span>!<span id="aygqyog" class="token operator">-</span><span id="gsciqg2" class="token operator">-</span><span id="2qciqw0" class="token number">5</span><span id="yioisim" class="token punctuation">.</span>內聯元素只能容納文本或者其他內聯元素<span id="a2g22ci" class="token operator">-</span><span id="ocyuq0m" class="token operator">-</span><span id="iemsm02" class="token operator">></span> <span id="kga0ago" class="token operator"><</span>span<span id="iuemuag" class="token operator">></span>我是個文本標簽<span id="ugakgyc" class="token operator"><</span><span id="oawowai" class="token operator">/</span>span<span id="sakggmc" class="token operator">></span><span id="eai2mew" class="token operator"><</span><span id="4qksmqu" class="token operator">/</span>body<span id="q2ucioe" class="token operator">></span><span id="4g2okou" class="token operator"><</span><span id="weyu0yq" class="token operator">/</span>html<span id="k2gcyoq" class="token operator">></span></code></pre> <h4><a id="_380"></a>第二部分知識點——常用的內聯標簽：</h4> <p>總共有四種：</p> <ol><li>圖片標簽</li></ol> <pre><code class="prism language-html"> <span id="kkqwsks" class="token comment"><!--第一個：圖片標簽 img + Tab--></span> <span id="i0yumsk" class="token tag"><span id="quckew2" class="token tag"><span id="s20iq0o" class="token punctuation"><</span>img</span> <span id="kk2uoei" class="token attr-name">src</span><span id="ywckwmc" class="token attr-value"><span id="q2muekq" class="token punctuation attr-equals">=</span><span id="wgc0gme" class="token punctuation">"</span><span id="oks2wau" class="token punctuation">"</span></span> <span id="ywsyewc" class="token attr-name">alt</span><span id="2seygyq" class="token attr-value"><span id="q22kgms" class="token punctuation attr-equals">=</span><span id="u22s0qi" class="token punctuation">"</span><span id="2gmmkqk" class="token punctuation">"</span></span> <span id="skisas0" class="token attr-name">width</span><span id="2ywkuko" class="token attr-value"><span id="yyg0i22" class="token punctuation attr-equals">=</span><span id="sskcwog" class="token punctuation">"</span><span id="o22se02" class="token punctuation">"</span></span> <span id="amiscuo" class="token attr-name">height</span><span id="ca2ayeo" class="token attr-value"><span id="gqkso00" class="token punctuation attr-equals">=</span><span id="k2iemuc" class="token punctuation">"</span><span id="wueygyg" class="token punctuation">"</span></span><span id="ee2agme" class="token punctuation">></span></span> <span id="a022oek" class="token comment"><!--src是圖片的地址，可以直接是網頁里的圖片地址， 也可以是本地圖片的地址（推薦使用相對路徑——相對的含義：圖片相對于Html文件的位置，參照物是html文件！--></span> <span id="uag220i" class="token comment"><!-- alt是當圖片加載失敗時顯示的內容--></span> <span id="2m2ug0u" class="token comment"><!-- width是圖片寬度；height是圖片高度。不指定按原圖大小顯示注意。：如果二者只指定一個，另外一個會等比例縮放 --></span> <span id="sqicwye" 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="6kcmwcw" class="token comment"><!--第二個：粗體/斜體標簽 b+ Tab i+ Tab --></span> <span id="2yey0cg" class="token tag"><span id="ykuoias" class="token tag"><span id="kmum2ku" class="token punctuation"><</span>b</span><span id="oowsyo0" class="token punctuation">></span></span>我是粗體<span id="ao2i0w2" class="token tag"><span id="usmi0ae" class="token tag"><span id="us0m20s" class="token punctuation"></</span>b</span><span id="usm2ygw" class="token punctuation">></span></span> <span id="cau0wcw" class="token tag"><span id="gqowqgw" class="token tag"><span id="yykieke" class="token punctuation"><</span>i</span><span id="g2ig0ci" class="token punctuation">></span></span>我是斜體<span id="sqm0qag" class="token tag"><span id="gqok0uc" class="token tag"><span id="uqwemsw" class="token punctuation"></</span>i</span><span id="2eysqko" class="token punctuation">></span></span></code></pre> <ol start="3"><li>超鏈接標簽</li></ol> <pre><code class="prism language-html"> <span id="oouqkcw" class="token comment"><!--第三個：超鏈接標簽 _self本身網頁上打開；_blank打開一個新網頁--></span> <span id="mm0icia" class="token tag"><span id="2qm00u0" class="token tag"><span id="4iq0i2u" class="token punctuation"><</span>a</span> <span id="im2mwou" class="token attr-name">href</span><span id="oemsm0q" class="token attr-value"><span id="isa222k" class="token punctuation attr-equals">=</span><span id="yw0qwai" class="token punctuation">"</span><span id="km02mqg" class="token punctuation">"</span></span> <span id="222ygyq" class="token attr-name">title</span><span id="wkecmua" class="token attr-value"><span id="m2gam2c" class="token punctuation attr-equals">=</span><span id="oksogyg" class="token punctuation">"</span>超鏈接的一個說明（鼠標放上會顯示的文本）<span id="wgouosk" class="token punctuation">"</span></span> <span id="mwgkgis" class="token attr-name">target</span><span id="a2saey2" class="token attr-value"><span id="gqygm2s" class="token punctuation attr-equals">=</span><span id="gqkmw0y" class="token punctuation">"</span>_self<span id="ckgyuoe" class="token punctuation">"</span></span><span id="ie2io0e" class="token punctuation">></span></span>我是超鏈接<span id="2q0wq02" class="token tag"><span id="2g20c0o" class="token tag"><span id="2a2ag2w" class="token punctuation"></</span>a</span><span id="w2i22sw" class="token punctuation">></span></span> <span id="2soygme" class="token comment"><!--href里可以寫網址，可以寫文件路徑--></span> <span id="oawi0gy" class="token comment"><!-- 如果href="" 那么點擊后會刷新當前網頁，而且會回到頂部 --></span> <span id="6ekcawe" class="token comment"><!-- 如果href="#" 那么點擊后，會回到頂部，但不會刷新頁面 --></span> <span id="w2qa2yo" class="token comment"><!-- 如果href="#錨點" 那么點擊后，會跳到指定的錨點處（錨點其實就是一個id值）！ --></span></code></pre> <ol start="4"><li>文本標簽</li></ol> <pre><code class="prism language-html"> <span id="mkgowe0" class="token comment"><!--第四個：文字標簽 和css配合使用才有用哦！--></span> <span id="isoksyg" class="token comment"><!-- span是一個純凈的行元素；所謂的純凈——沒有任何默認樣式； --></span> <span id="2wums0s" class="token comment"><!-- span最大的優勢：設定樣式，主要作用于行元素或者文字等 --></span> <span id="uu2i0ia" class="token tag"><span id="gscigyu" class="token tag"><span id="gs2muae" class="token punctuation"><</span>span</span><span id="gqoiag2" class="token punctuation">></span></span>我是文本標簽<span id="kugyuaq" class="token tag"><span id="uekemg2" class="token tag"><span id="202o2ai" class="token punctuation"></</span>span</span><span id="0o00w0u" 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 /> 至于為什么要實現行內標簽和塊狀標簽的相互轉換，小伙伴們在設置css樣式時會get到這個點哦。<br /> ??<font color="Blue">比如：塊狀標簽是不能放在一行了，但我們可以通過先轉換為行內標簽就可以了！！！<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">從現在做起，堅持下去，一天進步一小點，不久的將來，你會感謝曾經努力的你！</td></tr></tbody></table> <p>?<strong>本博主會持續更新爬蟲基礎分欄及爬蟲實戰分欄（為了小伙伴們更好的進行頁面解析，也會更新部分前端必備知識點博文！），認真仔細看完本文的小伙伴們，可以點贊收藏并評論出你們的讀后感。并可關注本博主，在今后的日子里閱讀更多爬蟲文！</strong></p> <pre><code class="prism language-powershell"> 如有錯誤或者言語不恰當的地方可在評論區指出，謝謝！ 如轉載此文請聯系我說明用以意并標注出處及本博主名，謝謝！</code></pre> <p>?</p> <p><span id="jump99"></span></p><center> ??可通過點擊下面——>關注本人運營 <strong>公眾號</strong>??</center><p></p> <center> <font size="1">【可以公眾號里私聊并標明來自CSDN，會拉你進入技術交流群（群內涉及各個領域大佬級人物，任何問題都可討論~）--->互相學習&&共同進步（非誠勿擾）】</font></center> </div> <link rel="stylesheet"> <link rel="stylesheet"> </div> <div class="iqcwucw" id="blogExtensionBox" style="width:400px;margin:auto;margin-top:12px" class="blog-extension-box"></div>
</div>
<div id="4eqmiow" class="mt-64 tags-seach" >
<div id="0cawe00" class="tags-info">
<a style="width:120px;" title="云服務器" href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a>
<a style="width:120px;" title="GPU云服務器" href="http://m.specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a>
<a style="width:120px;" title="html收藏" href="http://m.specialneedsforspecialkids.com/yun/tag/htmlshoucang/">html收藏</a>
<a style="width:120px;" title="大數據平臺部署 建議" href="http://m.specialneedsforspecialkids.com/yun/tag/dashujupingtaibushu jianyi/">大數據平臺部署 建議</a>
<a style="width:120px;" title="html收藏夾代碼" href="http://m.specialneedsforspecialkids.com/yun/tag/htmlshoucangjiadaima/">html收藏夾代碼</a>
<a style="width:120px;" title="html字" href="http://m.specialneedsforspecialkids.com/yun/tag/htmlzi/">html字</a>
</div>
</div>
<div id="kgau0ko" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p>
<p>轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/122442.html</p>
</div>
<ul class="pre-next-page">
<li id="oag2csm" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/122441.html">上一篇：【Python爬蟲】手把手帶你爬下肯德基官網（ajax的post請求）</a></li>
<li id="cg20qgm" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/122443.html">下一篇：我用Python逆向登錄世界上最大的游戲平臺，steam加密手段有多高明【內附源碼】</a></li>
</ul>
</div>
<div id="q0ag2su" 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="oyicyqk" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/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">摘要：今天，一條就帶大家徹底跨過排序算法這道坎，保姆級教程建議收藏。利用遞歸算法，對分治后的子數組進行排序。基本思想堆排序是利用堆這種數據結構而設計的一種排序算法，堆排序是一種選擇排序，它的最壞，最好，平均時間復雜度均為，它也是不穩定排序。 ...</p>
<div id="cy0u0sk" class="com_white-left-info">
<div id="ciq0y2k" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-392.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000392.jpg" alt=""><span id="gke2qis" 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="aemegg0" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/119824.html"><b><em>保姆</em><em>級</em><em>教程</em>帶你開發優質的Python庫之<em>上篇</em>【<em>建議</em><em>收藏</em>】</b></a></h2>
<p class="ellipsis2 good">摘要：正式的專欄第篇，同學站住，別錯過這個從開始的文章前面學委的入門到精通專欄積累了篇文章，當然學委博客還有幾十篇應用的文章。 正式的Python專欄第9篇，同學站住...</p>
<div id="u2i0ou2" class="com_white-left-info">
<div id="ukoksua" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-1164.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001164.jpg" alt=""><span id="mo20agk" 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="ocigy0a" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/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="ims0agy" class="com_white-left-info">
<div id="uw0o2ew" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-1432.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/14/small_000001432.jpg" alt=""><span id="oeckeuy" 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="220ysy2" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/121531.html"><b>從小白程序員一路晉升為<em>大</em>廠高<em>級</em>技術專家我看過哪些書籍？（<em>建議</em><em>收藏</em>）</b></a></h2>
<p class="ellipsis2 good">摘要：大家好，我是冰河有句話叫做投資啥都不如投資自己的回報率高。馬上就十一國慶假期了，給小伙伴們分享下，從小白程序員到大廠高級技術專家我看過哪些技術類書籍。 大家好，我是...</p>
<div id="yeakio2" class="com_white-left-info">
<div id="wkq0kq2" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-986.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000986.jpg" alt=""><span id="ggco0a2" 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="iiesqgm" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/118774.html"><b>【<em>保姆</em><em>級</em><em>教程</em>】從零到精通Git，CodeChina實戰</b></a></h2>
<p class="ellipsis2 good">摘要：因為是全中文的，對一些英語不好的人來說確實是福利。二下載安裝下載官網下載地址進去之后，點擊點擊后就會自動下載了。 文章目錄 推薦系列教程，推薦的一定是精選的！一....</p>
<div id="cc2kqio" class="com_white-left-info">
<div id="e2aucsw" class="com_white-left-infol">
<a href="http://m.specialneedsforspecialkids.com/yun/u-206.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/02/small_000000206.jpg" alt=""><span id="wmu0qmc" 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="aag2kq0" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發表評論</span></h3>
<div id="yyucwyo" class="xcp-publish-main flex_box_zd">
<div id="c0a0gci" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="kmwqquc" class="site-box-content">
<div id="iuqsqwa" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="ugeocu0" class="pages"></ul></div>
</div>
</div>
<div id="uwecyec" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="ik2eyqk" class="">
<div id="i2msowa" class="com_layuiright-box user-msgbox">
<a href="http://m.specialneedsforspecialkids.com/yun/u-668.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000668.jpg" alt=""></a>
<h3><a href="http://m.specialneedsforspecialkids.com/yun/u-668.html" rel="nofollow">paulli3</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="ywg0iga" 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="發私信" >我要私信</a>
</div>
<div id="ccymias" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://m.specialneedsforspecialkids.com/yun/ut-668.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/123686.html">【STM32+cubemx】0011 HAL庫開發：I2C總線訪問加速度傳感器ADXL345</a></h3>
<p>閱讀 2415<span>·</span>2021-11-18 10:02</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/122442.html">保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）</a></h3>
<p>閱讀 1929<span>·</span>2021-10-13 09:40</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/119444.html">DediPath九月4折：洛杉磯VPS月付1.4美元起;美國獨立服務器月付39美元起</a></h3>
<p>閱讀 3008<span>·</span>2021-09-07 10:07</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/119169.html">TOB主題2.7版本更新：重做文章主列表、新增菜單圖標支持、麵包屑、彩色標籤、縮略圖圓角</a></h3>
<p>閱讀 2116<span>·</span>2021-09-04 16:48</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/115456.html">前端開源項目周報0103</a></h3>
<p>閱讀 1015<span>·</span>2019-08-30 13:18</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/112894.html">CSS盒子模型以及外邊框合并的問題</a></h3>
<p>閱讀 2462<span>·</span>2019-08-29 14:03</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/112231.html">CSS display屬性</a></h3>
<p>閱讀 2929<span>·</span>2019-08-29 12:54</p></li>
<li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/107383.html">可拖動table表頭的實現</a></h3>
<p>閱讀 3167<span>·</span>2019-08-26 11:41</p></li>
</ul>
</div>
<!-- 文章詳情右側廣告-->
<div id="w22owcu" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>
<div id="gwcysyc" class="com_adbox">
<div id="mqmeaiw" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器">
</a>
</div>
<div>
<a href="http://m.specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow">
<img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器">
</a>
</div>
</div>
</div>
</div> <!-- banner結束 -->
<div id="gec0qiy" class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://m.specialneedsforspecialkids.com/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按鈕 -->
<div id="2miumsw" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="ccmsysy" class="site-mobile-shade"></div>
<!--付費閱讀 -->
<div class="2cygeak" id="payread">
<div id="2ku20gc" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="2em2k0a" 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://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://m.specialneedsforspecialkids.com/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("評論內容不能為空");
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://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "http://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {
supportobj.find("span").html(comments+"人贊");
}
});
}else{
alert("您已經贊過");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交數據的類型 POST GET
type:"POST",
//提交的網址
url:"http://m.specialneedsforspecialkids.com/yun/favorite/topicadd.html",
//提交的數據
data:{tid:_tid,rs:_rs},
//返回數據的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請求之前調用的函數
beforeSend:function(){},
//成功返回之后調用的函數
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)
}
} ,
//調用執行后調用的函數
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//調用出錯執行的函數
error: function(){
//請求出錯處理
postadopt=false;
}
});
}
</script>
<footer>
<div id="202kwqk" class="layui-container">
<div id="yoo02gs" class="flex_box_zd">
<div id="2gok00q" class="left-footer">
<h6><a href="http://m.specialneedsforspecialkids.com/"><img src="http://m.specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6>
<p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p>
</div>
<div id="ykic2yc" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務</h6>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/pro-notice/">產品動態</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>社區欄目</h6>
<p><a href="http://m.specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://m.specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p>
<p><a href="http://m.specialneedsforspecialkids.com/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span>
<p>掃掃了解更多</p></div>
</div>
<div id="2uoyemi" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 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.baidu.com/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://m.specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a>
<div class="friend-links">
<a href="http://m.cp97744.com/">国产一区电影</a>
</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="uqwqg" class="pl_css_ganrao" style="display: none;"><center id="uqwqg"></center><center id="uqwqg"></center><menu id="uqwqg"><noscript id="uqwqg"><em id="uqwqg"></em></noscript></menu><blockquote id="uqwqg"><tfoot id="uqwqg"><source id="uqwqg"></source></tfoot></blockquote><tbody id="uqwqg"></tbody><abbr id="uqwqg"></abbr><sup id="uqwqg"><center id="uqwqg"><strong id="uqwqg"></strong></center></sup><rt id="uqwqg"></rt><li id="uqwqg"></li><del id="uqwqg"></del><tfoot id="uqwqg"></tfoot><pre id="uqwqg"><blockquote id="uqwqg"><tfoot id="uqwqg"></tfoot></blockquote></pre><optgroup id="uqwqg"><abbr id="uqwqg"><sup id="uqwqg"></sup></abbr></optgroup><cite id="uqwqg"></cite><pre id="uqwqg"><blockquote id="uqwqg"><tfoot id="uqwqg"></tfoot></blockquote></pre><ul id="uqwqg"></ul><delect id="uqwqg"></delect><pre id="uqwqg"><blockquote id="uqwqg"><tfoot id="uqwqg"></tfoot></blockquote></pre><cite id="uqwqg"></cite><tr id="uqwqg"><acronym id="uqwqg"><blockquote id="uqwqg"></blockquote></acronym></tr><tr id="uqwqg"><wbr id="uqwqg"><cite id="uqwqg"></cite></wbr></tr><noframes id="uqwqg"></noframes><blockquote id="uqwqg"></blockquote><wbr id="uqwqg"></wbr><sup id="uqwqg"><source id="uqwqg"><strong id="uqwqg"></strong></source></sup><table id="uqwqg"></table><rt id="uqwqg"></rt><noframes id="uqwqg"></noframes><blockquote id="uqwqg"><tfoot id="uqwqg"><input id="uqwqg"></input></tfoot></blockquote><fieldset id="uqwqg"><menu id="uqwqg"><noscript id="uqwqg"></noscript></menu></fieldset><center id="uqwqg"></center><center id="uqwqg"></center><fieldset id="uqwqg"><table id="uqwqg"><tr id="uqwqg"></tr></table></fieldset><table id="uqwqg"></table><center id="uqwqg"><dd id="uqwqg"><dl id="uqwqg"></dl></dd></center><object id="uqwqg"></object><tbody id="uqwqg"><em id="uqwqg"><blockquote id="uqwqg"></blockquote></em></tbody><abbr id="uqwqg"></abbr><table id="uqwqg"></table><cite id="uqwqg"></cite><delect id="uqwqg"><tbody id="uqwqg"><s id="uqwqg"></s></tbody></delect><small id="uqwqg"><button id="uqwqg"><samp id="uqwqg"></samp></button></small><strike id="uqwqg"></strike><source id="uqwqg"><tbody id="uqwqg"><noframes id="uqwqg"></noframes></tbody></source><pre id="uqwqg"><xmp id="uqwqg"><strike id="uqwqg"></strike></xmp></pre><dd id="uqwqg"></dd><table id="uqwqg"><tr id="uqwqg"><pre id="uqwqg"></pre></tr></table><wbr id="uqwqg"><bdo id="uqwqg"><option id="uqwqg"></option></bdo></wbr><sup id="uqwqg"><center id="uqwqg"><strong id="uqwqg"></strong></center></sup><delect id="uqwqg"></delect><noscript id="uqwqg"></noscript><source id="uqwqg"></source><li id="uqwqg"></li><th id="uqwqg"></th><tbody id="uqwqg"></tbody><acronym id="uqwqg"></acronym><dl id="uqwqg"><nav id="uqwqg"><li id="uqwqg"></li></nav></dl><td id="uqwqg"></td><optgroup id="uqwqg"><abbr id="uqwqg"><sup id="uqwqg"></sup></abbr></optgroup><bdo id="uqwqg"><option id="uqwqg"><kbd id="uqwqg"></kbd></option></bdo><object id="uqwqg"></object><em id="uqwqg"><ul id="uqwqg"><dfn id="uqwqg"></dfn></ul></em><optgroup id="uqwqg"><del id="uqwqg"><dfn id="uqwqg"></dfn></del></optgroup><ul id="uqwqg"></ul><xmp id="uqwqg"></xmp><pre id="uqwqg"><xmp id="uqwqg"><strike id="uqwqg"></strike></xmp></pre><center id="uqwqg"></center><bdo id="uqwqg"></bdo><th id="uqwqg"></th><strong id="uqwqg"></strong><fieldset id="uqwqg"><table id="uqwqg"><tr id="uqwqg"></tr></table></fieldset><td id="uqwqg"></td><pre id="uqwqg"><xmp id="uqwqg"><tfoot id="uqwqg"></tfoot></xmp></pre><dl id="uqwqg"><noframes id="uqwqg"><ul id="uqwqg"></ul></noframes></dl><s id="uqwqg"></s><strong id="uqwqg"></strong><rt id="uqwqg"><tbody id="uqwqg"><em id="uqwqg"></em></tbody></rt><menu id="uqwqg"><tr id="uqwqg"><tr id="uqwqg"></tr></tr></menu><acronym id="uqwqg"></acronym><button id="uqwqg"></button><tbody id="uqwqg"><pre id="uqwqg"><blockquote id="uqwqg"></blockquote></pre></tbody><dl id="uqwqg"></dl><delect id="uqwqg"></delect><tbody id="uqwqg"></tbody><del id="uqwqg"></del><center id="uqwqg"></center><fieldset id="uqwqg"></fieldset><pre id="uqwqg"><wbr id="uqwqg"><fieldset id="uqwqg"></fieldset></wbr></pre><object id="uqwqg"></object><optgroup id="uqwqg"></optgroup><blockquote id="uqwqg"><strike id="uqwqg"><input id="uqwqg"></input></strike></blockquote><table id="uqwqg"></table><del id="uqwqg"></del><kbd id="uqwqg"><pre id="uqwqg"><td id="uqwqg"></td></pre></kbd><tbody id="uqwqg"></tbody><small id="uqwqg"><button id="uqwqg"><samp id="uqwqg"></samp></button></small><option id="uqwqg"></option><input id="uqwqg"></input><pre id="uqwqg"></pre><tfoot id="uqwqg"></tfoot><optgroup id="uqwqg"></optgroup><ul id="uqwqg"></ul><code id="uqwqg"></code><pre id="uqwqg"><blockquote id="uqwqg"><tfoot id="uqwqg"></tfoot></blockquote></pre><input id="uqwqg"></input><wbr id="uqwqg"><bdo id="uqwqg"><table id="uqwqg"></table></bdo></wbr><fieldset id="uqwqg"><table id="uqwqg"><tr id="uqwqg"></tr></table></fieldset><dfn id="uqwqg"><rt id="uqwqg"><tbody id="uqwqg"></tbody></rt></dfn><noscript id="uqwqg"></noscript><tbody id="uqwqg"></tbody><s id="uqwqg"><small id="uqwqg"><button id="uqwqg"></button></small></s><td id="uqwqg"><cite id="uqwqg"><menu id="uqwqg"></menu></cite></td><del id="uqwqg"></del><pre id="uqwqg"><blockquote id="uqwqg"><strike id="uqwqg"></strike></blockquote></pre><input id="uqwqg"></input><dl id="uqwqg"><optgroup id="uqwqg"><abbr id="uqwqg"></abbr></optgroup></dl><sup id="uqwqg"></sup><rt id="uqwqg"></rt><table id="uqwqg"></table><delect id="uqwqg"></delect><tr id="uqwqg"><wbr id="uqwqg"><cite id="uqwqg"></cite></wbr></tr><acronym id="uqwqg"></acronym><rt id="uqwqg"><tbody id="uqwqg"><em id="uqwqg"></em></tbody></rt><optgroup id="uqwqg"><abbr id="uqwqg"><center id="uqwqg"></center></abbr></optgroup><button id="uqwqg"></button><li id="uqwqg"></li><delect id="uqwqg"></delect><bdo id="uqwqg"><abbr id="uqwqg"><delect id="uqwqg"></delect></abbr></bdo><button id="uqwqg"><dd id="uqwqg"><dl id="uqwqg"></dl></dd></button><dl id="uqwqg"><optgroup id="uqwqg"><abbr id="uqwqg"></abbr></optgroup></dl><noscript id="uqwqg"></noscript><input id="uqwqg"></input><button id="uqwqg"><samp id="uqwqg"><th id="uqwqg"></th></samp></button><li id="uqwqg"></li><tfoot id="uqwqg"></tfoot><abbr id="uqwqg"><sup id="uqwqg"><center id="uqwqg"></center></sup></abbr><bdo id="uqwqg"><table id="uqwqg"><kbd id="uqwqg"></kbd></table></bdo><input id="uqwqg"></input><button id="uqwqg"></button><dfn id="uqwqg"><source id="uqwqg"><strong id="uqwqg"></strong></source></dfn><del id="uqwqg"></del><small id="uqwqg"></small><small id="uqwqg"><button id="uqwqg"><samp id="uqwqg"></samp></button></small><option id="uqwqg"><kbd id="uqwqg"><tr id="uqwqg"></tr></kbd></option><dfn id="uqwqg"></dfn><td id="uqwqg"></td><td id="uqwqg"><cite id="uqwqg"><table id="uqwqg"></table></cite></td><tfoot id="uqwqg"></tfoot><center id="uqwqg"></center><bdo id="uqwqg"></bdo></div>
<script src="http://m.specialneedsforspecialkids.com/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>